better-accessibility

Reviews and fixes web UI code for WCAG accessibility compliance across keyboard, focus, forms, and screen readers.

6.7k|239|Updated Jul 10, 2026
One-click install
npx skills add https://github.com/jakubkrehel/skills --skill better-accessibility-jakubkrehel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: better-accessibility
Source: https://github.com/jakubkrehel/skills/tree/main/skills/better-accessibility
Command: npx skills add https://github.com/jakubkrehel/skills --skill better-accessibility-jakubkrehel

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Web interfaces frequently ship with accessibility defects: missing focus rings, unlabeled controls, broken keyboard navigation, and unannounced dynamic content. This Skill audits and fixes those issues directly in the project's own styling system, following WCAG criteria and ARIA Authoring Practices. ## Core Features & Use Cases - Keyboard and focus review: Verifies focus-visible rings, roving tabindex, focus trapping in modals, skip links, and full APG keyboard patterns for composite widgets. - Forms and semantics: Enforces programmatic labels, autocomplete tokens, accessible error messaging with aria-invalid and aria-describedby, and native-element-first semantics over ARIA. - Screen reader and motion support: Covers live regions, alt text by purpose, visually hidden content, prefers-reduced-motion handling, and zoom/reflow survival at 200% and 320px. - Use Case: Ask it to review a checkout form component; it returns a severity-ranked findings table (HIGH/MEDIUM/LOW) with file locations, before/after fixes, and a Block or Approve verdict. ## Quick Start Review the accessibility of my checkout form component and fix any keyboard, focus, and labeling issues you find.

Frequently Asked Questions about better-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Does this Skill handle color contrast fixes?▼

Contrast measurement and color fixes are delegated to the companion better-colors skill, while text sizing belongs to better-typography. This Skill identifies which WCAG contrast requirement applies and reports failing pairs, but leaves the color changes to that skill.