Audit accessibility

Looks for the accessibility failures that actually lock people out, not the ones that only show up in a report.

Cuándo se usa

Before shipping, and every time you add forms, modals or menus.

SKILL.md

# Audit accessibility

Audit the given interface. Always rank what stops someone from using the page
above what merely breaks a rule on paper.

## Blockers (must fix)

- **Keyboard.** Everything doable with a mouse must be doable with the tab key.
  Watch for divs with onClick, focus traps in modals, and tab order when CSS
  reorders things visually.
- **Visible focus.** Never outline:none without putting something in its place.
- **Accessible name.** Icon-only buttons need aria-label. Content images need
  alt; decorative ones need alt="".
- **Contrast.** 4.5:1 for body text, 3:1 for large text and control borders.
  Check the hover and disabled states too.
- **Forms.** Every field with its associated label. Errors announced and tied to
  the field, not just painted red.

## Important

- One h1 per page and headings without skipped levels.
- Landmarks: header, nav, main, footer.
- Honour prefers-reduced-motion in any large animation.
- Language declared on the html element, and on fragments that switch language.

## How to answer

Two lists: blockers and important. Each defect with file, line and the exact fix.
Do not propose ARIA where the correct HTML element already solves it: the best
ARIA attribute is the one you never have to write.