Skip to main content
affpapa.org
RU EN
skill

accessibility-auditor · davila7 — Claude Code skill: audit and install

Audits web interfaces for accessibility issues and suggests fixes for WCAG, ARIA, keyboard access, and screen-reader use.

Install into Claude Code · claude-code-templates All methods and platforms ↓ 
npx claude-code-templates@latest --skill creative-design/accessibility-auditor
Open on GitHub

What accessibility-auditor does

This skill reviews web interfaces against WCAG principles. It covers image alternatives, color contrast, semantic HTML, form labels, keyboard behavior, and ARIA landmarks, with guidance for correcting common accessibility failures.

The material also addresses NVDA, JAWS, and VoiceOver checks, plus modal dialogs, focus handling, and tab order. It can guide work toward WCAG 2.1 AA or AAA and preparation for ADA or Section 508 audits. A missing visible focus indicator breaks the keyboard-navigation requirements described by the skill.

What it helps with

  • audit a website for accessibility violations
  • add labels to form controls
  • replace non-semantic markup with suitable HTML elements
  • test keyboard navigation and focus order
  • prepare an interface for a WCAG review

Example prompts for the agent

  • Audit this interface against WCAG 2.1 AA and list the accessibility problems.
  • Review the HTML for keyboard navigation issues and suggest concrete fixes.
  • Check this modal for ARIA attributes, focus handling, and screen-reader access.

How to install accessibility-auditor

1claude-code-templates

npx claude-code-templates@latest --skill creative-design/accessibility-auditor

2Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill accessibility-auditor -a claude-code

3Manually: put the files in place

~/.claude/skills/accessibility-auditor/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/accessibility-auditor/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about accessibility-auditor

How do I install accessibility-auditor in Claude Code?

Run npx claude-code-templates@latest --skill creative-design/accessibility-auditor.

What does accessibility-auditor do?

The skill reviews web accessibility across semantic HTML, image alternatives, contrast, forms, keyboard access, ARIA landmarks, and modal dialogs.

Which screen readers does accessibility-auditor cover?

Its guidance includes checks with NVDA, JAWS, and VoiceOver.

Similar skills

Everything for Frontend and UI →

accessibility-auditor by other authors comes first.

accessibility-auditor OneWave-AI Audits web pages for accessibility defects and guides compliance with WCAG 2.1 AA. It runs automated checks, inspects keyboard navigation, and suggests markup fixes. CX Codex +1 322installs accessibility-auditor patricio0312rev The skill reviews your markup for accessibility and repairs it: semantics, ARIA, keyboard flow, contrast. Useful before shipping a form or a modal. CX Codex +1 355installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs hyperframes heygen-com Instructs coding agents on creating, validating, and rendering HTML-based videos using the HyperFrames framework and CLI. CX Codex +1 1,200,000installs hyperframes-cli heygen-com Controls HyperFrames video workflows from the CLI: audits layouts and contrast, edits timeline clips, captures snapshots, and renders locally or in cloud runtimes. CX Codex +1 1,300,000installs webapp-testing official anthropics This skill tests local web apps with Playwright, helping agents debug UI behavior, capture screenshots, and inspect browser logs. 186,758installs

From the same set361

The whole set →
figma This skill wires Claude to the Figma MCP server: it pulls node context, a screenshot and assets, then turns the frame into code that matches your project. 858installs create-plan Turns a prompt into one actionable plan with a checklist. Useful when you want the steps agreed before any code changes. 852installs search A skill that runs Google queries through the Bright Data SERP API and hands your agent structured JSON with links, titles and descriptions. 851installs market-research-analyst A Claude subagent that gathers market and competitor data through web search and returns it as a structured research report. 851installs content-curator This subagent audits Obsidian notes, spots duplicates and stale material, and suggests cleanup work. Use it when a vault needs regular content review. 846installs create-onboarding-guide Scans your project repository to generate tailored onboarding documentation for new team members. It extracts stack details and workflows directly from config files. 835installs data-feeds This skill turns URLs from 40+ websites into structured JSON through Bright Data. Use it for products, profiles, reviews, posts, or comments. 816installs supabase-backup-manager A Claude slash command that runs Supabase database backups: takes snapshots, validates restores and manages the schedule. 812installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor