Skills
.Work. You
Rest

a11y-semantics-pass

Community

Boost UI accessibility with semantic checks.

Software Engineering#accessibility#a11y#frontend-testing#semantic-html#aria#keyboard-navigation#ui-reviews
Authorvelcrafting
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Improve semantics and accessibility coverage for UI changes (roles, labels, focus, keyboard, ARIA correctness). This skill ensures updates do not regress accessibility baselines and helps engineers address accessibility during frontend work.

Core Features & Use Cases

  • Semantic HTML audits to ensure correct element semantics and roles.
  • Labeling and naming checks to provide accessible names for interactive controls.
  • Keyboard navigation and focus management validation across dialogs, menus, and forms.
  • ARIA usage reviews and safe, minimal ARIA augmentation when necessary.
  • Use Case: Apply to a new UI component library migration to maintain accessibility parity with the previous version.

Quick Start

Audit the target UI for accessibility and semantic issues and implement fixes to meet baseline guidelines.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: a11y-semantics-pass
Download link: https://github.com/velcrafting/codex-skills/archive/main.zip#a11y-semantics-pass

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.