fixing-accessibility

Overview

Fixing Accessibility is a Claude Code skill that provides a prioritized ruleset for identifying and fixing web accessibility issues. It covers accessible names, keyboard access, focus management, semantic HTML, form errors, live announcements, and contrast, organized by severity from critical to medium impact.

Key Features

• Priority-Based Rule Categories — Nine categories ranked by impact, with accessible names, keyboard access, and focus/dialog management marked as critical, followed by semantics, forms, and announcements.
• Accessible Names and Keyboard Rules — Ensures every interactive control has an accessible name (aria-label, labels for inputs, meaningful link text) and full keyboard reachability with visible focus indicators.
• Focus and Dialog Management — Rules for modal focus trapping, focus restoration on close, and proper initial focus placement inside dialogs.
• Forms and Error Handling — Guidelines for linking errors to fields with aria-describedby, marking required and invalid fields, and associating helper text with inputs.
• Targeted Fix Approach — Designed for minimal, targeted corrections rather than large-scale rewrites, reporting exact violations with one-sentence explanations and concrete code-level fixes.

Who is this for?

This skill is for frontend developers building or maintaining web interfaces who need to ensure WCAG compliance. It is especially useful when working on interactive elements like buttons, forms, menus, dialogs, and tabs, or when auditing existing code for accessibility gaps.