accessibility

Audit web content against WCAG 2.2 and Lighthouse accessibility criteria.

Updated Oct 2, 2024
One-click install
npx skills add https://github.com/James-Gamboa/portfolio-james --skill accessibility-james-gamboa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/James-Gamboa/portfolio-james/tree/main/.agents/skills/accessibility
Command: npx skills add https://github.com/James-Gamboa/portfolio-james --skill accessibility-james-gamboa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Accessibility issues prevent a wide range of users from effectively perceiving or interacting with digital content. This skill provides comprehensive guidance based on WCAG 2.2 and Lighthouse audits to help teams identify and remediate barriers, ensuring inclusive experiences.

Core Features & Use Cases

  • WCAG-aligned guidance covering POUR (Perceivable, Operable, Understandable, Robust) principles and common patterns from A11Y references.
  • Practical checklists, remediation strategies, and verification steps to guide design, development, and QA teams.
  • Use Case: When a site fails an accessibility audit, run this skill to identify gaps, prioritize fixes, and track improvements over time.

Quick Start

Audit a webpage for accessibility and generate a prioritized remediation plan.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit a webpage for WCAG 2.2 compliance?

Audit a webpage for WCAG 2.2 compliance by evaluating digital content against POUR principles and Lighthouse accessibility criteria. This process identifies barriers and generates a prioritized remediation plan with actionable fixes to enhance usability for people with disabilities.

What is the best way to fix Lighthouse accessibility audit failures?

Fix Lighthouse accessibility audit failures by applying practical remediation strategies and verification steps. This skill provides actionable fixes for identified gaps, prioritizes issues, and helps track improvements over time to ensure inclusive experiences.

How do I implement keyboard navigation and a11y patterns for web applications?

Implement keyboard navigation and a11y patterns by following WCAG-aligned guidance covering POUR principles. This skill provides practical checklists and references from A11Y patterns to guide design, development, and QA teams in ensuring operable and robust web applications.

Can I use this to generate an accessibility remediation plan for my website?

Yes, you can generate an accessibility remediation plan for your website. When a site fails an accessibility audit, this skill identifies gaps, prioritizes fixes based on WCAG 2.2 criteria, and provides verification steps to track improvements over time.

What WCAG criteria are checked during an automated accessibility audit?

Automated accessibility audits check WCAG 2.2 criteria aligned with Lighthouse accessibility standards. The assessment evaluates content against POUR principles, addressing perceivable, operable, understandable, and robust requirements to identify barriers and provide actionable fixes.