skills.rest
remimoul
remimoulCOMMUNITY
Explore all skills by this author →
GitHub

fixing-accessibility

Audit and fix HTML accessibility issues against WCAG standards.

Updated Feb 18, 2026
Search Tags:#html#accessibility#keyboard navigation#wcag#focus management#aria
One-click install
npx skills add https://github.com/remimoul/social-mds --skill fixing-accessibility-remimoul
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fixing-accessibility
Source: https://github.com/remimoul/social-mds/tree/main/.agents/skills/fixing-accessibility
Command: npx skills add https://github.com/remimoul/social-mds --skill fixing-accessibility-remimoul

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses and rectifies issues within HTML that hinder accessibility for users with disabilities, ensuring a more inclusive digital experience.

Core Features & Use Cases

  • Comprehensive Auditing: Analyzes ARIA labels, keyboard navigation, focus management, color contrast, and form error handling against WCAG standards.
  • Targeted Fixes: Provides specific, minimal code-level suggestions for violations, avoiding large-scale rewrites.
  • Use Case: When developing a new modal dialog, use this Skill to ensure it correctly traps focus, has an accessible name, and restores focus to the triggering element upon closing.

Quick Start

Apply the fixing-accessibility skill to audit the file named 'dialog.html' 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 HTML accessibility issues for keyboard navigation and ARIA labels?▼

HTML accessibility issues are fixed by auditing interactive controls against WCAG standards and applying minimal, targeted code modifications to ARIA labels, keyboard navigation, and focus management.

What is the best way to ensure a modal dialog traps focus and restores it upon closing?▼

The best way to ensure a modal dialog traps focus is to audit the HTML structure and apply minimal code modifications that manage focus boundaries, assign accessible names, and programmatically restore focus to the triggering element upon closing.

How do I audit my web forms for WCAG compliance and color contrast errors?▼

Auditing web forms for WCAG compliance involves analyzing HTML code to detect form error handling issues and insufficient color contrast. The process identifies specific violations and provides targeted code-level suggestions to rectify them without large-scale rewrites.

Does this approach to fixing accessibility require a complete rewrite of my HTML?▼

No, fixing accessibility does not require a complete rewrite. The approach focuses on minimal, targeted code modifications to address specific violations like ARIA labels and focus management, ensuring adherence to best practices while preserving your existing HTML structure.

Why does my interactive control fail keyboard navigation even with ARIA attributes present?▼

Interactive controls can fail keyboard navigation when ARIA attributes are incorrectly implemented or focus management is missing. Auditing the HTML identifies these specific WCAG compliance gaps and provides targeted code fixes for proper keyboard operability.

Related Skills

Explore More Design & Creative Skills→
knckknckknckknck

fixing-accessibility

Identify and fix HTML accessibility issues in interactive UI controls and forms.

Community
Intermediate
dotlab-hqdotlab-hq
1

fixing-accessibility

Identify and fix HTML accessibility issues across interactive web components.

Official
Intermediate
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced
shawn-sandyshawn-sandy

wcag-compliance-reviewer

Identify WCAG 2.1 AA accessibility violations in HTML/CSS and React/TypeScript code.

Community
Intermediate