klovaaxel/web-a11y-agent-skills

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Builds accessible pages and components with semantic HTML, correct names/roles/states, keyboard support, focus management, links, images, SVG, media, and native controls first. Use when implementing or refactoring frontend UI.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Reviews and writes CSS that preserves accessibility across contrast, focus styles, reduced motion, forced colors, zoom, target size, semantic integrity, and custom-styled controls. Use for UI styling and design-system changes.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Debugs accessibility issues with automated scanners, browser accessibility trees, keyboard checks, screen reader smoke tests, custom CSS/JS rules, and CI gates. Use when triaging barriers or building accessibility validation pipelines.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Handles accessible dynamic interfaces such as filtering, sorting, pagination, progress, live regions, status messages, data tables, and client-rendered result updates. Use when UI changes without a full page load.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Designs and reviews accessible forms, search, validation, errors, grouping, required state, multi-step flows, and recovery behavior. Use when implementing or auditing form-heavy UI.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Builds accessible navigation and wayfinding with landmarks, headings, skip links, breadcrumbs, nav lists, current-page state, disclosure navigation, and menu-vs-navigation decisions. Use when implementing headers, sidebars, nav bars, or complex page structure.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Central routing and orchestration skill for web accessibility work. Use as the default entrypoint for accessibility-related UI tasks to select the right authoring, review, remediation, and testing workflows.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Reviews frontend changes for accessibility regressions across semantics, keyboard/focus behavior, forms, dynamic updates, styling, ARIA, and tests. Use for pull requests, diffs, audits, and pre-merge sign-off.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Validates accessibility with automated checks, keyboard walkthroughs, screen reader smoke tests, zoom/preference checks, and focused regression reporting. Use when verifying new UI or confirming fixes.

klovaaxel/web-a11y-agent-skills

Skill Claude CodeCodex

Applies accessibility guidance to custom elements and Shadow DOM, including progressive enhancement, slots, focus delegation, ElementInternals, ARIA limitations, and testing gaps. Use when building or auditing web components and design-system primitives.