Setup Accessibility

What This Sets Up

PostToolUse hook on Edit/Write catching accessibility anti-patterns in TSX/JSX:

• Ban <img> without alt — images must have alt text (use alt="" for decorative images)
• Ban mouse-only event handlers — onClick on non-interactive elements (<div>, <span>) requires role, tabIndex, and onKeyDown/onKeyUp
• Ban missing ARIA attributes on widget roles — role="combobox" needs aria-expanded + aria-controls, role="dialog" needs aria-label/aria-labelledby, role="tablist" needs child role="tab" elements

Also includes:

• Playwright AXE test setup for automated WCAG 2.1 AA scanning
• ARIA Patterns Reference — correct markup for combobox, tabs, dialog, accordion, and more

Steps

1. Install Playwright AXE