skills.rest
dotlab-hq
dotlab-hqOFFICIAL
Explore all skills by this author →
GitHub

fixing-accessibility

Identify and fix HTML accessibility issues across interactive web components.

1|Updated Feb 26, 2026
Search Tags:#accessibility#wcag#color-contrast#aria#keyboard-navigation#focus-management#forms-errors
One-click install
npx skills add https://github.com/dotlab-hq/storage-platform --skill fixing-accessibility-dotlab-hq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fixing-accessibility
Source: https://github.com/dotlab-hq/storage-platform/tree/main/.agents/skills/fixing-accessibility
Command: npx skills add https://github.com/dotlab-hq/storage-platform --skill fixing-accessibility-dotlab-hq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Core Features & Use Cases

  • Provide accessible names for all interactive controls
  • Ensure keyboard navigation and focus management across components
  • Review color contrast and form error messaging to meet WCAG

Quick Start

Audit a UI screen for accessibility gaps and propose minimal fixes.

Frequently Asked Questions about fixing-accessibility

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

FAQPage Schema
How do I fix HTML accessibility issues for interactive controls?▼

Fix HTML accessibility issues by providing accessible names for interactive controls, ensuring ARIA labeling, and verifying keyboard operability. This enforces WCAG-aligned practices across web interfaces.

What's the best way to ensure keyboard navigation and focus management across components?▼

Ensure keyboard navigation and focus management by auditing interactive controls and dialogs for proper focus trapping and restoration. This enforces WCAG-aligned keyboard operability across UI components.

How do I check color contrast and form error messaging for WCAG compliance?▼

Check color contrast and form error messaging to meet WCAG by auditing visual elements and validating error identification. This provides accessible feedback for users with assistive technologies.

Can I audit a UI screen for accessibility gaps and get minimal fixes?▼

Audit a UI screen for accessibility gaps to propose minimal fixes by reviewing interactive controls, forms, and dialogs. This identifies issues affecting users with assistive technologies.

Does this approach work with ARIA labels and typical web interface components?▼

Applying ARIA labels and fixes works with typical web interface components including forms, dialogs, and navigation. It enforces WCAG-aligned practices across interactive controls.

When do I need to audit and fix accessibility for forms and dialogs?▼

Audit and fix accessibility for forms and dialogs when adding interactive controls or reviewing WCAG compliance. This ensures keyboard operability, focus management, and proper error messaging.

Related Skills

Explore More Design & Creative Skills→
MaggieAppletonMaggieAppleton
160

fixing-accessibility

Identify and fix HTML accessibility issues to meet WCAG requirements.

Community
Intermediate
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate
Community-AccessCommunity-Access
387

Contrast Master

Audit color contrast and visual accessibility for WCAG AA compliance.

Official
Advanced
mouayadakelmouayadakel

accessibility-checker

Check UI components and forms for accessibility attributes and markup suggestions.

Community
Intermediate