skills.rest
jaem1n207
jaem1n207COMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility-auditor

Audit web pages and UI components against WCAG 2.2 accessibility standards.

18|Updated Jul 12, 2023
Search Tags:#accessibility#a11y#web development#compliance#auditing#wcag
One-click install
npx skills add https://github.com/jaem1n207/synchronize-tab-scrolling --skill accessibility-auditor-jaem1n207
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-auditor
Source: https://github.com/jaem1n207/synchronize-tab-scrolling/tree/main/.agents/skills/accessibility-auditor
Command: npx skills add https://github.com/jaem1n207/synchronize-tab-scrolling --skill accessibility-auditor-jaem1n207

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure web content and applications are usable by everyone, regardless of disability, by identifying and fixing accessibility issues.

Core Features & Use Cases

  • WCAG Compliance Auditing: Checks against Web Content Accessibility Guidelines (WCAG) 2.2.
  • Issue Identification: Detects problems with color contrast, keyboard navigation, ARIA usage, semantic HTML, and more.
  • Actionable Fixes: Provides specific code changes to resolve identified violations.
  • Use Case: A developer needs to ensure their new website component meets ADA compliance standards before launch. They use this Skill to audit the component and receive precise instructions on how to fix any accessibility barriers.

Quick Start

Audit the accessibility of the provided React login form code.

Frequently Asked Questions about accessibility-auditor

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

FAQPage Schema
How do I audit my web page for WCAG 2.2 compliance?▼

To audit web pages for WCAG 2.2 compliance, provide your UI component code for analysis. The audit identifies violations in color contrast, keyboard navigation, ARIA usage, semantic HTML, and form labeling, returning actionable code fixes.

What is the best way to check color contrast and ARIA usage for ADA compliance?▼

Checking color contrast and ARIA usage for ADA compliance involves scanning UI components against WCAG 2.2 standards. This process identifies specific accessibility barriers and provides precise code changes to resolve the violations.

How do I fix keyboard navigation and semantic HTML accessibility violations?▼

Fixing keyboard navigation and semantic HTML accessibility violations requires auditing code to detect specific issues. The audit provides actionable code fixes that resolve identified barriers to meet WCAG 2.2 standards.

Can I use an accessibility audit to ensure my web component meets European Accessibility Act standards?▼

Yes, you can use an accessibility audit to ensure web components meet European Accessibility Act standards. The audit checks code against WCAG 2.2 guidelines, supporting compliance checks for regulations like the EAA and ADA.

Does the WCAG 2.2 audit provide specific code fixes for form labeling issues?▼

Yes, the WCAG 2.2 audit provides specific actionable code fixes for form labeling issues. It identifies accessibility violations within forms and delivers precise code changes needed to resolve the barriers.

Related Skills

Explore More Software Engineering Skills→
uzh-bfuzh-bf
41

web-design-guidelines

Audit HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
Doyajin174Doyajin174
1

accessibility-wcag

Audit frontend codebases for WCAG 2.2 accessibility compliance.

Community
Advanced
t-stringst-strings

Frontend Accessibility

Review frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.

Official
Basic
bdbchbdbch
2

accessibility-audit

Audit web pages for WCAG 2.1/2.2 compliance and report issues.

Community
Advanced