Skills
.Work. You
Rest

a11y-interactive

Community

Build keyboard-friendly, screen-reader-ready UI

Design & Creative#accessibility#screen reader#keyboard navigation#semantic html#focus management#aria-live
AuthorTheNordicOne
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you avoid inaccessible interactive elements by ensuring correct semantic roles, keyboard behavior, focus order, and screen reader announcements.

Core Features & Use Cases

  • Links vs Buttons Semantics: Use anchors for navigation and buttons for actions, including correct handling for icon-only controls.
  • Keyboard Navigation Patterns: Apply roving tabindex for composite widgets and prevent broken focus order using tabindex rules.
  • Focus Management & Overlays: Move focus logically after content changes and rely on dialog focus trapping where appropriate.
  • ARIA Live Region Announcements: Choose appropriate live region roles (alert/status), configure timing, and ensure containers exist before updates.

Quick Start

Ask the Skill to review your UI markup and keyboard/focus flow for links, buttons, composite widgets, focus changes, and ARIA live announcements.

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-interactive
Download link: https://github.com/TheNordicOne/ngx-formbar/archive/main.zip#a11y-interactive

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 471,000+ vetted skills library on demand.