accessibility-ally

Audit web applications for semantic HTML, keyboard navigation, and color contrast issues.

1|Updated Feb 6, 2026
One-click install
npx skills add https://github.com/hdkz-dev/multi-game-engines --skill accessibility-ally
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-ally
Source: https://github.com/hdkz-dev/multi-game-engines/tree/main/.agent/skills/accessibility-ally
Command: npx skills add https://github.com/hdkz-dev/multi-game-engines --skill accessibility-ally

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams ensure applications are accessible to everyone by diagnosing accessibility issues across HTML semantics, keyboard navigation, and visual contrast.

Core Features & Use Cases

  • Semantic HTML Check: verifies appropriate HTML tagging, ensures images have alt attributes, and labels are connected to inputs.
  • Keyboard Navigation: reviews focus order and visibility of focus indicators to ensure keyboard-only users can navigate effectively.
  • Visual Accessibility: evaluates color contrast and checks for color-reliant instructions to improve readability and inclusivity.

Quick Start

Run an accessibility audit on your app to identify semantic, keyboard, and color-contrast issues.

Frequently Asked Questions about accessibility-ally

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

FAQPage Schema
How do I run an accessibility audit on my web application for screen reader compatibility?

Run an accessibility audit to validate semantic HTML, labeled controls, and accessible names, ensuring your web application is compatible with screen readers. The audit diagnoses markup and naming issues to improve inclusivity for assistive technology users.

What is the best way to check color contrast and semantic HTML in a component library?

Checking color contrast and semantic HTML in a component library involves evaluating visual accessibility and verifying appropriate HTML tagging. This process identifies color-reliant instructions and ensures images have alt attributes to improve overall readability.

How do I fix keyboard navigation issues for users who rely on focus management?

Fix keyboard navigation issues by reviewing focus order and verifying the visibility of focus indicators. This ensures keyboard-only users can navigate effectively and resolves focus management problems within your frontend codebase.

Can I use this approach to validate WCAG compliance for frontend codebases?

Yes, you can validate WCAG-related compliance for frontend codebases by auditing semantic markup, focus management, and color contrast. It ensures labeled controls are connected to inputs and checks for color-reliant instructions.

Why does my accessible name validation fail on form inputs without connected labels?

Accessible name validation fails when labels are not properly connected to inputs. The audit verifies that form controls have associated labels and appropriate semantic markup to ensure screen readers can correctly identify them.