How do I look up a specific ARIA attribute?

You can query the skill directly with the attribute name, such as 'aria-expanded' or 'aria-live', to receive a functional summary and the official specification link.

Does this skill provide implementation code snippets?

Yes, it offers summary patterns for common widgets and references the official WAI-ARIA Authoring Practices which include standardized implementation examples.

Can it help me fix color contrast issues?

It provides the specific contrast ratio requirements (e.g., 4.5:1 for normal text) needed to meet WCAG standards, helping you choose accessible color palettes.

Which version of WCAG does this skill support?

The skill is specifically optimized for WCAG 2.1 AA criteria, providing the most relevant standards for modern web accessibility compliance.

WCAG & ARIA Accessibility Lookup

Name: WCAG & ARIA Accessibility Lookup
Author: naporin0624

bynaporin0624

•

Security & Testing

Provides instant access to WCAG 2.1 AA criteria and WAI-ARIA implementation patterns with official W3C references.

The WCAG & ARIA Lookup skill empowers developers and designers to build inclusive web experiences by providing immediate access to global accessibility standards directly within the coding environment. It functions as a specialized reference engine that allows users to query specific WCAG success criteria, ARIA roles, and attributes using natural language or IDs. By delivering concise summaries alongside official W3C documentation links, it ensures that accessibility compliance—from color contrast ratios to complex keyboard interactions for widgets like modals and tabs—is integrated seamlessly into the development workflow.

Key Features

01Quick lookup of WCAG 2.1 AA success criteria by ID (e.g., 1.4.3) or keyword.

022 GitHub stars

03Comprehensive index of ARIA roles and attributes with usage summaries.

04Reference tables for color contrast requirements for text and UI components.

05Access to official WAI-ARIA Authoring Practices (APG) for component patterns.

06Direct links to official W3C specifications and quick reference documentation.

Use Cases

01Implementing accessible keyboard navigation and focus management for complex widgets.

02Performing rapid accessibility audits by checking code against official ARIA roles and attributes.

03Verifying if a specific UI component meets WCAG 2.1 AA contrast and visibility requirements.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naporin0624/claude-web-audit-plugins wcag-aria-lookup

For use in Claude.ai and ChatGPT

Download Skill