Fixing Accessibility
Skill Verified ActiveAudit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
To ensure web interfaces meet accessibility standards by identifying and resolving common HTML accessibility issues, making them usable for everyone.
Features
- Audits HTML for accessibility violations
- Fixes issues with ARIA labels, keyboard navigation, focus management, color contrast, and form errors
- Provides specific code-level fix suggestions
- Categorizes issues by priority and impact
Use Cases
- Adding interactive controls, forms, dialogs, or tabs
- Reviewing WCAG compliance for web content
- Improving keyboard navigation and focus management
- Ensuring proper form error handling and helper text association
Non-Goals
- Rewriting large parts of the UI
- Migrating UI libraries
- Adding ARIA attributes when native semantics suffice
Installation
npx skills add ibelick/ui-skillsRuns the Vercel skills CLI (skills.sh) via npx — needs Node.js locally and at least one installed skills-compatible agent (Claude Code, Cursor, Codex, …). Assumes the repo follows the agentskills.io format.
Quality Score
VerifiedTrust Signals
Similar Extensions
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
Design Audit
100Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan
Review Ux Ui
99Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.
Epic Design
99Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like "make it feel alive", "Apple-style animation", "sections that overlap", "product rises between sections", "immersive", "scrollytelling", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.
Screen Reader Testing
98Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.
Web Coder
98Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.