a11y-audit
Audit and fix website accessibility to WCAG 2.2 AA — semantic HTML, keyboard navigation, focus, labels, alt text, color contrast, ARIA, and screen-reader behavior — in React/Next.js, Vue, or plain HTML. Use whenever the user mentions accessibility, a11y, WCAG, screen readers, keyboard navigation, contrast, or is building forms, modals, menus, dropdowns, or preparing a site for launch.
Target: React / Next.js. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Accessibility Audit
- 1. Automated pass (catches 30–40%)
- 2. Manual checks (the important 60%)
- 3. Report & fix
Static HTML/build output: python3 ../seo-setup/scripts/sitecheck.py — reports missing alt, labels, lang, heading order, empty links/buttons. Running site, if available: npx @axe-core/cli or npx pa11y . Lint: eslint-plugin-jsx-a11y (React) / eslint-plugin-vuejs-accessibility (Vue) — suggest adding if missing. Keyboard Tab through the whole page: every interactive element reachable, in a logical order, with a visible focus ring. No keyboard traps. Esc closes modals/menus. Skip link to main content on content-heavy sites. Clickable div/span → replace with or . Links navigate, buttons act. Semantics & structure One ; headings don't skip levels. Landmarks: header, nav, main, footer. (or correct language). Lists are ul/ol; data tables use th with scope. Forms Every input has a (placeholder is not a label). Group radios/checkboxes with fieldset/legend. Errors: text near the field, linked via aria-describedby, field marked aria-invalid="true"; don't rely on red color alone. Correct type and autocomplete (email, tel, name, current-password). Images & media Informative images: alt describing purpose. Decorative: alt="". Icon-only buttons: aria-label. Video: captions; no autoplay with sound.
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- KILN-skills/kiln
- Source file
- skills/a11y-audit/SKILL.md
- Fixed revision
- 555d7ea59d05910b4ef6fb39780da5f906be832b
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明，再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: KILN-skills/kiln · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-10T04:00:15.406Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.