Does this skill help with WCAG 2.1 AA compliance?

Yes, it contains the full set of requirements for the Perceivable, Operable, Understandable, and Robust principles of WCAG 2.1 AA to ensure your site meets legal and usability standards.

How does it handle focus management?

The skill includes specific logic for focus trapping in modals and implementing roving tabindex for composite widgets like radio groups and tab lists.

Can it help me build custom accessible components?

Absolutely. It provides implementation patterns for ARIA roles, states, and properties for widgets like modals, tabs, and menus that don't have native HTML equivalents.

Does it provide guidance on Screen Readers?

Yes, it covers how screen readers interpret the accessibility tree, how to manage live regions for dynamic updates, and the priority order of accessible name computation.

Accessibility Web Standards

Name: Accessibility Web Standards
Author: bailejl

bybailejl

0•

设计工具

Implements and audits web content based on WCAG 2.1 AA guidelines, ARIA patterns, and keyboard navigation best practices.

This skill provides a comprehensive knowledge base for building and auditing web applications to meet modern accessibility (a11y) standards. It equips Claude with the technical specifications for WCAG 2.1 AA compliance, including the POUR principles, correct ARIA implementation, and complex keyboard navigation patterns like focus trapping and roving tabindex. By utilizing this skill, developers can ensure their frontend interfaces are inclusive, programmatically determinable, and optimized for screen readers and other assistive technologies.

主要功能

01Robust keyboard navigation patterns including focus management and trapping

02Comprehensive WCAG 2.1 AA compliance checklists and POUR principle requirements

03Screen reader optimization strategies using live regions and accessible name computation

040 GitHub stars

05Semantic HTML guidance to ensure native accessibility over redundant ARIA

06Standardized ARIA role and state mapping for custom UI widgets

使用场景

01Scaffolding accessible custom UI components like modals, tabs, and dropdowns

02Auditing existing frontend components for WCAG 2.1 AA compliance gaps

03Implementing complex keyboard interactions for interactive web applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bailejl/dev-plugins a11y-standards

For use in Claude.ai and ChatGPT