{"name":"@crewd/wcag-checklist","version":"1.0.0","type":"skill","description":"A practical WCAG 2.2 AA checklist for building and auditing accessible web UI.","integrity":"sha256-ca0d68bf7f6ebd13e6cc28b61e4c64c724a8bc5226479c824454615f82917bbb","tarball_url":"https://localhost:3000/api/v1/tarballs/crewd/wcag-checklist/1.0.0","tarballUrl":"https://localhost:3000/api/v1/tarballs/crewd/wcag-checklist/1.0.0","size_bytes":322,"hosts":["claude-code","cursor","gemini-cli"],"manifest":{"name":"@crewd/wcag-checklist","type":"skill","entry":"SKILL.md","hosts":["claude-code","cursor","gemini-cli"],"schema":"https://crewd.dev/schema/skill/v1","content":"---\nname: wcag-checklist\ndescription: \"A practical WCAG 2.2 AA checklist for building and auditing accessible web UI.\"\n---\n\n# Wcag Checklist\n\nUse this skill when building or reviewing any user interface.\n\n## Structure & semantics\n\n- [ ] One `<h1>` per page; headings don't skip levels (1.3.1).\n- [ ] Landmarks: `<header>`, `<nav>`, `<main>`, `<footer>` (1.3.1).\n- [ ] Buttons are `<button>`, links are `<a href>`; no clickable `<div>`s (4.1.2).\n- [ ] Lists use `<ul>/<ol>`; data tables use `<th scope>` (1.3.1).\n\n## Text alternatives & forms\n\n- [ ] Informative images have meaningful `alt`; decorative ones have `alt=\"\"` (1.1.1).\n- [ ] Every input has a visible `<label>` (or `aria-labelledby`) (3.3.2).\n- [ ] Errors are announced in text, not colour alone, and linked via `aria-describedby` (3.3.1).\n\n## Keyboard & focus\n\n- [ ] Everything works with Tab / Shift+Tab / Enter / Space / Esc (2.1.1).\n- [ ] Focus is always visible and not obscured by sticky UI (2.4.7, 2.4.11).\n- [ ] Dialogs trap focus and return it on close (2.4.3).\n- [ ] A \"Skip to content\" link exists on pages with repeated navigation (2.4.1).\n\n## Visual\n\n- [ ] Text contrast ≥ 4.5:1 (≥ 3:1 for large text and UI components) (1.4.3, 1.4.11).\n- [ ] Layout works at 320px width and 200% zoom without horizontal scroll (1.4.10).\n- [ ] Target size ≥ 24×24 CSS px (2.5.8).\n- [ ] Animations respect `prefers-reduced-motion` (2.3.3).\n\n## ARIA\n\n- Prefer native HTML. Only add ARIA when no native element fits.\n- Never put `aria-hidden=\"true\"` on focusable elements.\n- Live regions (`aria-live=\"polite\"`) for async status messages (4.1.3).\n\nReport each issue with the success criterion number in parentheses.\n","version":"1.0.0","description":"A practical WCAG 2.2 AA checklist for building and auditing accessible web UI."},"scripts":[],"dependencies":[],"deprecated":null,"created_at":"2026-10-18T17:02:36.439969+00:00"}