Can it generate accessible code for React or Vue?

Yes, it provides implementation patterns for modern frameworks, including focus management hooks and ARIA-compliant component structures.

How does this skill handle screen reader support?

It implements proper ARIA roles, states, and live regions to ensure that dynamic content changes are correctly communicated to assistive technologies.

Does this skill support WCAG 2.1 standards?

Yes, it is designed to help developers implement the technical requirements for WCAG 2.1 AA and AAA compliance, covering semantics, contrast, and navigation.

Does it help with accessibility testing?

Absolutely. It includes patterns for integrating automated testing tools like axe-core into your development and testing workflows.

Frontend Accessibility Assistant

Name: Frontend Accessibility Assistant
Author: aj-geddes

byaj-geddes

•

设计工具

Implements WCAG-compliant web interfaces using semantic HTML, ARIA attributes, and keyboard-first navigation patterns.

关于

The Frontend Accessibility skill empowers developers to build inclusive, production-ready web applications by strictly following Web Content Accessibility Guidelines (WCAG). It provides domain-specific expertise in implementing semantic HTML5 structures, complex ARIA patterns for interactive UI components, and robust keyboard focus management. Whether you are building accessible modals, handling screen reader announcements via live regions, or ensuring high-color contrast and reduced-motion support, this skill ensures your frontend code meets modern inclusivity standards and legal requirements.

主要功能

Visual accessibility support including high-contrast and reduced-motion CSS
Complex keyboard navigation logic for menus and interactive components
Automated accessibility testing patterns using jest-axe and axe-core
Screen reader support using ARIA live regions and descriptive labels
18 GitHub stars
Semantic HTML5 and ARIA landmark implementation

使用场景

Building accessible-by-default UI libraries and component design systems
Ensuring WCAG 2.1 AA compliance for enterprise and public-sector applications
Remediating accessibility violations in legacy frontend codebases

关于

主要功能

Visual accessibility support including high-contrast and reduced-motion CSS
Complex keyboard navigation logic for menus and interactive components
Automated accessibility testing patterns using jest-axe and axe-core
Screen reader support using ARIA live regions and descriptive labels
18 GitHub stars
Semantic HTML5 and ARIA landmark implementation

使用场景

Building accessible-by-default UI libraries and component design systems
Ensuring WCAG 2.1 AA compliance for enterprise and public-sector applications
Remediating accessibility violations in legacy frontend codebases