skills.rest
MaggieAppleton
MaggieAppletonCOMMUNITY
Explore all skills by this author →
Website𝕏@mappletonsGitHub

fixing-accessibility

Identify and fix HTML accessibility issues to meet WCAG requirements.

160|16|Updated Dec 4, 2024
Search Tags:#accessibility#a11y#usability#wcag#keyboard#aria#focus-management
One-click install
npx skills add https://github.com/MaggieAppleton/maggieappleton.com-V3 --skill fixing-accessibility-maggieappleton
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fixing-accessibility
Source: https://github.com/MaggieAppleton/maggieappleton.com-V3/tree/main/.claude/skills/design-and-ui/fixing-accessibility
Command: npx skills add https://github.com/MaggieAppleton/maggieappleton.com-V3 --skill fixing-accessibility-maggieappleton

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams identify and fix HTML accessibility issues to make web interfaces usable for all users.

Core Features & Use Cases

  • ARIA labeling improvements for controls
  • Keyboard navigation and focus management enhancements
  • WCAG compliance checks and remediation guidance
  • Use Case: applying fixes to forms, dialogs, menus, and interactive components in a project.

Quick Start

Audit the current UI to identify ARIA, focus, and contrast 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 ARIA labeling and keyboard navigation issues in web interfaces?▼

To fix ARIA labeling and keyboard navigation issues, you can audit your UI to identify gaps in focus management, semantic markup, and interactive controls, then apply targeted remediation to meet WCAG compliance.

What is the best way to ensure my HTML forms meet WCAG compliance requirements?▼

The best way to ensure HTML forms meet WCAG compliance is to review interactive controls for accessible error messaging, validate ARIA attributes, and apply minimal fixes to semantic markup and focus management.

How do I resolve keyboard traps and manage focus in accessible dialogs?▼

Resolving keyboard traps in dialogs requires auditing interactive components for focus management gaps, then applying ARIA labeling and keyboard navigation enhancements to ensure users can move freely without getting stuck.

Can I use this approach to audit color contrast and semantic markup for accessibility?▼

Yes, you can audit color contrast and semantic markup by identifying accessibility issues across your web interface, checking WCAG compliance gaps, and proposing minimal fixes for interactive controls and UI elements.

When do I need to review WCAG compliance for interactive menus and controls?▼

You need to review WCAG compliance for interactive menus and controls when users encounter barriers in keyboard navigation, missing ARIA labels, or focus management issues that prevent full usability of the web interface.

Related Skills

Explore More Design & Creative Skills→
sanky369sanky369
29

accessibility-excellence

Audit web applications for WCAG compliance and accessibility gaps.

Community
Basic
jaem1n207jaem1n207
18

accessibility-auditor

Audit web pages and UI components against WCAG 2.2 accessibility standards.

Community
Advanced
zomeruzomeru

web-accessibility

Guides developers to implement ARIA patterns, keyboard navigation, and screen reader support in web interfaces.

Community
Intermediate
warpdotdevwarpdotdev
820

web-accessibility-audit

Audit web pages against WCAG standards using automated tools and manual review.

Official
Intermediate