Is it compatible with specific frontend frameworks?

The skill focuses on the final DOM output including HTML, ARIA, and JS behavior, making it applicable to React, Vue, Angular, or vanilla web development.

How does it handle ARIA attributes?

It follows the 'No ARIA is better than bad ARIA' rule, prioritizing native semantic HTML and only using ARIA when native elements are insufficient to describe complex behaviors.

Can it help with keyboard navigation?

Absolutely. It implements focus management, roving tabindexes, focus traps for modals, and ensures all interactive elements are fully keyboard-operable.

Does this skill support the latest WCAG standards?

Yes, it targets WCAG 2.2 AA conformance by default, covering all necessary criteria for modern web accessibility compliance.

Web Accessibility Expert

Name: Web Accessibility Expert
Author: xobotyi

byxobotyi

•

Design Tools

Implements WCAG 2.2 AA standards through semantic HTML, advanced ARIA patterns, and comprehensive keyboard navigation management.

The accessibility skill is designed to guide Claude in creating inclusive web experiences that adhere to the WCAG 2.2 AA standard. It enforces a 'semantic HTML first' philosophy, ensuring that interfaces are naturally accessible before applying ARIA attributes as necessary patches. The skill provides detailed patterns for complex components like dialogs and tabs, manages focus flow and traps, and ensures that every interactive element is fully operable via keyboard, making it an essential tool for developers building production-grade, compliant web applications.

Key Features

014 GitHub stars

02Semantic HTML structure and landmark optimization

03WCAG 2.2 AA compliance auditing and implementation

04Accessible form validation and error handling

05Advanced ARIA role and relationship management

06Comprehensive keyboard navigation and focus trap logic

Use Cases

01Automating accessibility audits during the development workflow

02Refactoring legacy web components for screen reader support

03Building WCAG-compliant UI patterns like modals and accordions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xobotyi/cc-foundry accessibility

For use in Claude.ai and ChatGPT

Download Skill