accessibility

Audit web pages for WCAG 2.2 conformance and provide remediation guidance.

1|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/mateo-khalil/sumate-ya --skill accessibility-mateo-khalil
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/mateo-khalil/sumate-ya/tree/main/.agents/skills/accessibility
Command: npx skills add https://github.com/mateo-khalil/sumate-ya --skill accessibility-mateo-khalil

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill helps teams ensure web content is accessible to users with disabilities by auditing pages for WCAG 2.2 conformance and providing remediation guidance.

Core Features & Use Cases

  • WCAG 2.2 conformance checks across POUR principles and accessibility metrics.
  • Pattern-based remediation guidance drawing from references/A11Y-PATTERNS.md to implement fixes.
  • Use Case: ensure product pages, forms, and dashboards are keyboard operable, screen-reader friendly, and color-contrast compliant.

Quick Start

Run an accessibility audit against the target page and implement the recommended WCAG fixes.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit a web page for WCAG 2.2 conformance?

This Skill audits web accessibility by running automated checks against WCAG 2.2 standards to identify gaps across POUR principles and generate pattern-based remediation guidance for screen-reader and keyboard navigation issues.

How do I fix ARIA and screen-reader issues on a web page?

Fix ARIA and screen-reader issues by applying pattern-based remediation guidance derived from A11Y references, which identifies specific markup gaps and provides actionable fixes to ensure content is operable with assistive technologies.

Can I use Lighthouse audits to check keyboard navigation and color contrast on SPAs?

Yes, you can use Lighthouse audits to check keyboard navigation and color contrast compliance on SPAs. The process combines automated Lighthouse metrics with WCAG 2.2 references to evaluate operability and contrast.

What is the best way to ensure forms and dashboards are keyboard operable?

The best way to ensure keyboard operability for forms and dashboards is running accessibility checks that evaluate keyboard navigation against WCAG 2.2 standards, identifying operability gaps and applying pattern-based fixes.

Does this accessibility audit work for documentation sites as well as web apps?

Yes, this accessibility audit works for documentation sites, SPAs, and web apps. It checks content across these platforms for WCAG 2.2 conformance, ensuring assistive technologies and keyboard navigation function correctly.

Why does my web page fail color-contrast compliance checks?

Web pages fail color-contrast compliance when visual elements do not meet WCAG 2.2 contrast ratio thresholds. The accessibility audit identifies these specific gaps and provides pattern-based remediation guidance to adjust styles.