fixing-accessibility

Identify and fix accessibility violations in UI components.

Updated Feb 2, 2026
One-click install
npx skills add https://github.com/powxenv/focus --skill fixing-accessibility-powxenv
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fixing-accessibility
Source: https://github.com/powxenv/focus/tree/main/.claude/skills/fixing-accessibility
Command: npx skills add https://github.com/powxenv/focus --skill fixing-accessibility-powxenv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses and rectifies accessibility issues in user interfaces, ensuring digital products are usable by everyone, including individuals with disabilities.

Core Features & Use Cases

  • Issue Identification: Detects violations of accessibility standards across various UI components.
  • Targeted Fixes: Provides specific, code-level suggestions for remediation, prioritizing minimal and impactful changes.
  • Use Case: When developing a new feature with buttons and forms, use this Skill to review the implementation against accessibility best practices and receive actionable advice to ensure keyboard navigability and proper screen reader support.

Quick Start

Use the fixing-accessibility skill to review the file 'src/components/Button.jsx' for accessibility violations.

Frequently Asked Questions about fixing-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix keyboard navigation issues in interactive UI elements?

Fix keyboard navigation issues by identifying violations in interactive UI elements like buttons and forms, then applying targeted code-level suggestions to ensure proper focus management and keyboard operability.

What accessibility violations should I check for when reviewing UI components?

Check for accessibility violations across accessible names, keyboard access, focus management, and semantic correctness to ensure interactive UI elements like links and dialogs meet established web standards.

How do I ensure my forms and buttons are screen reader accessible?

Ensure screen reader accessibility by reviewing forms and buttons against priority-based rule categories, receiving actionable advice to rectify semantic issues and provide proper accessible names for UI components.

Can this Skill review existing component files for accessibility issues?

Yes, you can review existing component files like 'src/components/Button.jsx' to detect accessibility issues, receive specific remediation suggestions, and ensure compliance with established usability guidelines.

What is the best way to remediate focus management violations in web dialogs?

The best way to remediate focus management violations is to identify issues in interactive UI elements and apply minimal, impactful code-level changes that prioritize proper focus handling according to established guidelines.

Why does my UI component fail keyboard access despite having proper semantic HTML?

Keyboard access can fail due to missing focus management or improper interactive roles despite correct semantic HTML; run an accessibility review to detect specific violations and receive targeted code-level fixes.