fixing-accessibility

Fix UI accessibility issues with minimal code changes per WCAG 2.2.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Targeted Fixes: Applies minimal, specific code changes to resolve accessibility violations.
  • WCAG Compliance: Aids in adhering to Web Content Accessibility Guidelines (WCAG 2.2).
  • Use Case: When adding a new icon-only button, this Skill can ensure it has an appropriate accessible name, making it understandable to screen reader users.

Quick Start

Use the fixing-accessibility skill to review the file named 'button.js' 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 web accessibility issues in my UI code?

Fix web accessibility issues by applying minimal, targeted code modifications to resolve violations. This process addresses critical areas like accessible names, keyboard navigation, focus management, and semantic HTML structure to ensure digital content is usable by everyone.

How do I make an icon-only button accessible for screen readers?

Make an icon-only button accessible by adding an appropriate accessible name using native HTML elements or essential ARIA attributes. This ensures the button's purpose is understandable to screen reader users when no visible text label is present.

Does this approach to web accessibility comply with WCAG 2.2 guidelines?

Yes, this approach to web accessibility ensures strict compliance with WCAG 2.2 guidelines. It prioritizes native HTML elements and essential ARIA attributes to address keyboard navigation, focus management, and semantic structure requirements.

What is the best way to add accessible names and manage focus in frontend development?

The best way to add accessible names and manage focus is by prioritizing native HTML elements over complex ARIA attributes. This ensures robust keyboard navigation and semantic HTML structure according to WCAG 2.2 compliance standards.

Can I review a specific file like button.js for accessibility violations?

Yes, you can review a specific file like button.js for accessibility violations. The skill analyzes the provided file and applies minimal, targeted code modifications to resolve any identified issues with semantic structure or keyboard navigation.

Do I need any specific frontend dependencies to resolve semantic HTML structure issues?

No specific frontend dependencies are required to resolve semantic HTML structure issues. The skill operates independently to apply minimal code modifications using native HTML elements and essential ARIA attributes for compliance.