skills.rest
yogaprasetya22
yogaprasetya22COMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility

Audit web interfaces against WCAG 2.2 and Lighthouse accessibility expectations.

Updated May 18, 2026
Search Tags:#keyboard navigation#color contrast#screen readers#web accessibility#WCAG 2.2#ARIA live regions
One-click install
npx skills add https://github.com/yogaprasetya22/mmorpg --skill accessibility-yogaprasetya22
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/yogaprasetya22/mmorpg/tree/main/frontend/.agents/skills/accessibility
Command: npx skills add https://github.com/yogaprasetya22/mmorpg --skill accessibility-yogaprasetya22

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps teams identify and resolve accessibility barriers that prevent people with disabilities from using websites effectively, with guidance aligned to WCAG 2.2 and common Lighthouse findings.

Core Features & Use Cases

  • WCAG 2.2-based audits: Covers the POUR principles and key success criteria across perceivable, operable, understandable, and robust experiences.
  • Practical fixes and patterns: Provides targeted remediation for missing alt text, insufficient color contrast, keyboard access issues, focus visibility, skip links, modal focus management, and ARIA/live region usage.
  • Real-world adoption: Use it when you need to bring an existing UI (forms, navigation, dialogs, dynamic notifications, media, and interactive widgets) closer to legal/organizational accessibility requirements.

Quick Start

Use the accessibility skill to audit the target page for WCAG 2.2 issues and produce a prioritized list of improvements covering keyboard support, focus behavior, contrast, and assistive-technology announcements.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit my web UI for WCAG 2.2 accessibility issues?▼

To audit web accessibility, evaluate your interface against WCAG 2.2 and Lighthouse expectations to identify real user barriers. This process checks forms, keyboard navigation, focus management, and media alternatives to ensure compliance.

What is the best way to fix keyboard navigation and focus management in dialogs?▼

Fix keyboard navigation by applying targeted remediation steps for focus visibility and modal focus management. Ensure dialogs trap focus correctly and provide skip links so keyboard users can bypass repetitive content efficiently.

How do I check color contrast and ARIA live regions for screen readers?▼

Check color contrast and ARIA live regions by validating interface elements against perceptibility and robustness requirements. Apply targeted fixes to ensure dynamic notifications are properly announced to screen readers.

Can I use this accessibility audit on existing forms and interactive widgets?▼

Yes, you can audit existing UI components including forms, navigation, and interactive widgets. The process identifies missing alt text and keyboard access issues, bringing interfaces closer to organizational accessibility requirements.

Does this accessibility audit cover all four POUR principles?▼

Yes, the audit covers the POUR principles and key success criteria across perceivable, operable, understandable, and robust experiences. It ensures recommendations satisfy all four requirements while providing actionable remediation steps.

Related Skills

Explore More Design & Creative Skills→
Max-LooMax-Loo
2

web-design-guidelines

Check web project files against current Web Interface Guidelines.

Community
Intermediate
anavvanzinanavvanzin

agency-accessibility-auditor

Audit web and mobile interfaces for WCAG 2.2 accessibility barriers.

Community
Advanced
Sir-chawakornSir-chawakorn
33

accessibility-audit

Audit web content for WCAG 2.1 compliance and fix accessibility issues.

Community
Intermediate
buiphucminhtambuiphucminhtam
47

accessibility-engineer

Audit web and mobile interfaces for WCAG 2.2 AA/AAA conformance and ARIA readiness.

Community
Advanced