gmira-a11y

Audit web application accessibility by measuring contrast, focus order, and semantic HTML roles.

Updated Jul 25, 2026
One-click install
npx skills add https://github.com/OthmanAdi/gmira --skill gmira-a11y
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gmira-a11y
Source: https://github.com/OthmanAdi/gmira/tree/main/skills/gmira-a11y
Command: npx skills add https://github.com/OthmanAdi/gmira --skill gmira-a11y

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @axe-core/playwright.

What problem does it solve?

This skill solves the problem of superficial accessibility testing by providing a rigorous, data-driven audit of contrast, keyboard navigation, and semantic structure on fully rendered pages.

Core Features & Use Cases

  • Contrast Analysis: Computes actual contrast ratios by resolving background layers and alpha compositing, rather than relying on visual estimation.
  • Keyboard & Focus Audit: Detects broken tab orders, unreachable interactive elements, and focus traps that automated tools often miss.
  • Canvas & Motion Verification: Ensures that canvas-based content is accessible via fallbacks and that reduced motion settings are strictly enforced.

Quick Start

Run the gmira-a11y skill to perform a full accessibility audit on the current page across all five standard viewports.

Frequently Asked Questions about gmira-a11y

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

FAQPage Schema
How do I audit web page accessibility for WCAG compliance after building complex interfaces?

Perform an accessibility audit using automated tools to verify contrast ratios, keyboard focus order, and semantic HTML roles on fully rendered pages, satisfying WCAG requirements for complex interfaces.

Does Playwright support accessibility testing for dynamic layouts and canvas elements?

Yes, Playwright supports accessibility testing for dynamic layouts and canvas elements by auditing rendered pages, ensuring canvas content has accessible fallbacks and verifying keyboard navigation.

How do I calculate actual contrast ratios with alpha compositing instead of visual estimation?

Compute actual contrast ratios by resolving background layers and alpha compositing through data-driven auditing, rather than relying on visual estimation, to enforce strict contrast floors.

Can I detect broken tab order and focus traps that automated accessibility tools often miss?

Yes, a rigorous keyboard and focus audit detects broken tab orders, unreachable interactive elements, and focus traps by verifying keyboard navigation on fully rendered pages.

What's the best way to enforce reduced motion settings during post-build quality assurance?

Verify reduced motion settings are strictly enforced during post-build quality assurance by auditing web applications to ensure motion handling complies with accessibility requirements.