skills.rest
BRANDNEWSHVT
BRANDNEWSHVTOFFICIAL
Explore all skills by this author →
WebsiteGitHub

accessibility-audit

Identify and fix WCAG 2.1 AA accessibility gaps in frontend user interfaces.

Updated Aug 20, 2025
Search Tags:#accessibility#frontend#audit#wcag#screen-reader#keyboard-navigation#inclusive-design
One-click install
npx skills add https://github.com/BRANDNEWSHVT/mercora --skill accessibility-audit-brandnewshvt
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/BRANDNEWSHVT/mercora/tree/main/storefront-nuxt/.agents/skills/accessibility-audit
Command: npx skills add https://github.com/BRANDNEWSHVT/mercora --skill accessibility-audit-brandnewshvt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Auditing user interfaces for accessibility ensures WCAG compliance, keyboard operability, and screen reader compatibility, reducing legal risk and expanding usable design.

Core Features & Use Cases

  • Comprehensive keyboard navigation evaluation and focus management.
  • Semantic HTML and ARIA usage validation across web components.
  • Integrated testing with popular tools (axe DevTools, Lighthouse, WAVE) to produce actionable findings.
  • Use Case: Run a full audit before release to surface blockers, generate remediation tasks, and verify post-fix accessibility.

Quick Start

Run an accessible audit of the current UI to expose WCAG gaps and generate a remediation-ready report.

Frequently Asked Questions about accessibility-audit

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

FAQPage Schema
How do I audit my frontend project for WCAG 2.1 AA compliance?▼

To audit frontend projects for WCAG 2.1 AA compliance, evaluate semantic HTML, ARIA usage, and keyboard navigation to identify accessibility gaps and generate actionable remediation tasks.

What is the best way to validate keyboard navigation and screen reader compatibility?▼

Validating keyboard navigation and screen reader compatibility involves comprehensive focus management evaluation and semantic HTML validation across web components to ensure inclusive design and operability.

Can I integrate axe DevTools and Lighthouse into my accessibility testing workflow?▼

Yes, you can integrate testing with axe DevTools, Lighthouse, and WAVE to validate ARIA usage and color contrast, producing actionable findings for your accessibility workflow.

Does this accessibility audit check color contrast and responsive behavior?▼

Yes, an accessibility audit checks color contrast and responsive behavior alongside semantic HTML and ARIA usage to surface WCAG compliance blockers in user interfaces before release.

When do I need to run a full UI accessibility audit?▼

You need to run a full UI accessibility audit before release to surface WCAG blockers, generate remediation tasks, and verify post-fix accessibility for inclusive design.

Related Skills

Explore More Software Engineering Skills→
nanorepublicananorepublica
61

Frontend Accessibility

Enforce frontend accessibility compliance in HTML, CSS, and JavaScript components.

Community
Basic
gsd-buildgsd-build
7.8k

web-quality-audit

Audit web pages for performance, accessibility, SEO, and best practices.

Official
Advanced
lawalletiolawalletio
3

accessibility

Audit web interfaces against WCAG 2.2 accessibility guidelines.

Official
Advanced
dinoudondinoudon

accessibility-audit

Audit web applications for WCAG 2.2 compliance across seven accessibility categories.

Community
Advanced