---

name: wcag-aria-lookup description: Looks up WCAG 2.1 AA criteria and WAI-ARIA patterns, returning official W3C URLs with concise summaries. Use when user asks about accessibility standards, WCAG criteria (e.g., "1.4.3", "contrast"), ARIA attributes (e.g., "aria-expanded", "role=dialog"), or accessible component patterns (e.g., "accessible tabs", "modal dialog a11y").

WCAG & ARIA Lookup

Quick lookup for WCAG 2.1 AA criteria and WAI-ARIA patterns with official W3C references.

Lookup Workflow

1. Identify the query type:

   • WCAG criterion (e.g., "contrast", "1.4.3", "keyboard")
   • ARIA attribute (e.g., "aria-expanded", "aria-live")
   • ARIA role (e.g., "role=dialog", "role=tablist")
   • Component pattern (e.g., "tabs", "modal", "accordion")

2. Search the appropriate index:

   • For WCAG: Read wcag-index.json
   • For ARIA: Read aria-index.json

3. Return results:

   • Summary (1-2 sentences)
   • Official W3C URL
   • Quick reference URL (if available)

4. For detailed implementation:

   • Suggest fetching the official URL
   • Or reference WAI-ARIA Authoring Practices

Response Format

When returning lookup results, use this format:

Copy### [Criterion/Pattern Name]

**Summary**: [1-2 sentence explanation]

**Key Requirements**:
- [Requirement 1]
- [Requirement 2]

**Official Reference**: [URL]
**Quick Reference**: [URL] (if applicable)

Quick Reference

WCAG 2.1 AA - Most Common Issues

ARIA - First Rule

Don't use ARIA if native HTML works.

Copy<!-- Prefer native HTML -->
<button>Submit</button>           <!-- Not: <div role="button"> -->
<input type="checkbox">           <!-- Not: <div role="checkbox"> -->

Common ARIA Patterns

Contrast Quick Check

External Resources

• WCAG 2.1 Full Spec
• WCAG Quick Reference
• Understanding WCAG
• WAI-ARIA 1.2 Spec
• ARIA Authoring Practices