keyboard-focus-auditor

Community

Ensure keyboard accessibility in your UI with comprehensive audits.

Authorlord-vinayak
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the complex task of auditing and improving keyboard accessibility in user interfaces, ensuring compliance with WCAG standards.

Core Features & Use Cases

  • Tab Order Audit: Identifies and corrects tab order issues for seamless navigation.
  • Focus Management: Validates focus traps and skip links, improving usability for keyboard and assistive technology users.
  • Complex Scenarios: Handles nested modals, comboboxes, and virtual scrolling with focus management.
  • Focus Indicator Assessment: Ensures visible and contrast-compliant focus indicators for all interactive elements.
  • Windows High Contrast Mode: Provides solutions for maintaining accessibility in high contrast modes.
  • Roving Tabindex Pattern: Supports dynamic focus handling for components with multiple focusable items.
  • Keyboard Shortcut Conflict Avoidance: Helps implement keyboard shortcuts without conflicts.

Quick Start

Use the keyboard-focus-auditor skill to perform a full audit on your web application 'my-app.html'.

Dependency Matrix

Required Modules

puppeteeraxe-corefocus-trap

Components

scriptsreferences

💻 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: keyboard-focus-auditor
Download link: https://github.com/lord-vinayak/orive-reqcap/archive/main.zip#keyboard-focus-auditor

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