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.

주요 기능

01Visual accessibility support including high-contrast and reduced-motion CSS

02Complex keyboard navigation logic for menus and interactive components

03Automated accessibility testing patterns using jest-axe and axe-core

04Screen reader support using ARIA live regions and descriptive labels

0518 GitHub stars

06Semantic HTML5 and ARIA landmark implementation

사용 사례

01Building accessible-by-default UI libraries and component design systems

02Ensuring WCAG 2.1 AA compliance for enterprise and public-sector applications

03Remediating accessibility violations in legacy frontend codebases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aj-geddes/useful-ai-prompts frontend-accessibility

For use in Claude.ai and ChatGPT

Download Skill