TechnicalCollectible prompt
Accessibility sweep and fixes across your whole site
Act as an accessibility engineer working in this codebase. Audit my {{tech_stack}} site against WCAG 2.2 AA, starting with these pages: {{key_pages}}, then every shared component they use.
Look hardest at the problems AI-built sites often have:
- Clickable divs instead of buttons and links, and icon-only buttons with no name
- Inputs labeled only by placeholder text, and errors screen readers never hear
- Focus outlines removed, focus hidden behind sticky headers or cookie banners, and menus or dialogs that trap or lose focus
- Muted gray text below 4.5:1 contrast, and icons or borders below 3:1
- Tap targets smaller than 24 by 24 pixels
- Toasts, loading states and live updates that aren't announced
- Carousels and animations with no pause or reduced-motion support
- Sign-in forms that block pasting or password managers
- Drag-only actions with no click alternative
Fix issues in small commits, most severe first, changing the visual design as little as possible. Then add guardrails: automated accessibility checks in the tests and a lint rule, if the stack supports them.
Report what you fixed, what needs a human decision, and a 15-minute manual test using a keyboard and a screen reader. Don't call the site compliant; checks like these can't prove it.
Technicalnvoka.com/library/nvoka-accessibility-sweep-and-fixes-for-your-siteScan to open
Technical
Accessibility sweep and fixes across your whole site
Have a coding agent find and fix WCAG 2.2 AA issues site-wide, then add checks that keep them fixed.
Curated by Nvoka
Claude CodeCursorCodexGitHub Copilot
Make it yours
Fill in the blanks and change any word. Only your copy changes, never the card.
Fill in the blanks
0 of 2 filledYour prompt
Act as an accessibility engineer working in this codebase. Audit my {{tech_stack}} site against WCAG 2.2 AA, starting with these pages: {{key_pages}}, then every shared component they use.
Look hardest at the problems AI-built sites often have:
- Clickable divs instead of buttons and links, and icon-only buttons with no name
- Inputs labeled only by placeholder text, and errors screen readers never hear
- Focus outlines removed, focus hidden behind sticky headers or cookie banners, and menus or dialogs that trap or lose focus
- Muted gray text below 4.5:1 contrast, and icons or borders below 3:1
- Tap targets smaller than 24 by 24 pixels
- Toasts, loading states and live updates that aren't announced
- Carousels and animations with no pause or reduced-motion support
- Sign-in forms that block pasting or password managers
- Drag-only actions with no click alternative
Fix issues in small commits, most severe first, changing the visual design as little as possible. Then add guardrails: automated accessibility checks in the tests and a lint rule, if the stack supports them.
Report what you fixed, what needs a human decision, and a 15-minute manual test using a keyboard and a screen reader. Don't call the site compliant; checks like these can't prove it.