Claude Skills · Accessibility
ARIA and semantics review
Review HTML or component code for correct semantics, landmarks, ARIA usage, labels and focus management. Use for accessible markup and widget patterns.
Install this skill
curl -fsSL https://uxmate.co.in/skill-files/install.sh | bash -s -- uxm-aria-reviewOr unzip into ~/.claude/skills/. Then ask Claude Code to do the task, or call /uxm-aria-review.
What is inside
---
name: uxm-aria-review
description: Review HTML or component code for correct semantics, landmarks, ARIA usage, labels and focus management. Use for accessible markup and widget patterns.
---
# ARIA and semantics review
1. Read the markup. First prefer native HTML elements (button, a, label, nav, main, dialog, details) over ARIA.
2. Check headings order, landmarks, lists, tables, form labels and error association (aria-describedby, aria-invalid).
3. Verify any ARIA: valid roles, required states (aria-expanded, aria-controls), no redundant roles, accessible names for icon buttons.
4. Check dialogs/menus/tabs against WAI-ARIA Authoring Practices: focus trap, Escape to close, return focus.
5. Output issues with before/after code snippets. Remind: no ARIA is better than bad ARIA.More Accessibility skills
- WCAG audit · Audit a page, design or code against WCAG 2.
- Contrast fixer · Check colour pairs against WCAG contrast and suggest the nearest accessible alternatives.
- Keyboard and screen reader test · Create and run a keyboard and screen-reader test script for a page or component.