Skills
.Work. You
Rest

a11y-keyboard-focus

Community

Ensure keyboard accessibility.

Software Engineering#accessibility#a11y#web development#keyboard navigation#WCAG#focus management
Authortsuji-tomonori
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses issues with keyboard navigation, focus visibility, and focus management in web applications, ensuring that all users can effectively interact with the interface using only a keyboard.

Core Features & Use Cases

  • Keyboard Navigation Audit: Verifies that all interactive elements are focusable and navigable via the Tab key.
  • Focus Order Validation: Ensures the tab order logically follows the visual layout.
  • Focus Visibility: Guarantees that the currently focused element is clearly indicated.
  • Focus Not Obscured: Implements checks and solutions for WCAG 2.2's "Focus Not Obscured (Minimum)" to prevent focus from being hidden by fixed headers, modals, or other overlays.
  • Use Case: Review a complex form with multiple modals and fixed navigation elements to ensure a keyboard-only user can complete all tasks without losing track of focus or encountering traps.

Quick Start

Review the accessibility of the main dashboard page for keyboard navigation and focus issues.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-keyboard-focus
Download link: https://github.com/tsuji-tomonori/diopside-v3/archive/main.zip#a11y-keyboard-focus

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.