skills.rest
guicheffer
guichefferCOMMUNITY
Explore all skills by this author →
Website𝕏@guichefferGitHub

web-accessibility

Enforce WCAG 2.1 AA compliance using semantic HTML, ARIA attributes, axe-core, and jest-axe automated tests.

3|Updated Dec 30, 2025
Search Tags:#testing#accessibility#a11y#wcag#semantic html#aria
One-click install
npx skills add https://github.com/guicheffer/devorch-cli --skill web-accessibility-guicheffer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-accessibility
Source: https://github.com/guicheffer/devorch-cli/tree/main/templates/skills/ui-design-system-web/accessibility
Command: npx skills add https://github.com/guicheffer/devorch-cli --skill web-accessibility-guicheffer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need for web accessibility, ensuring digital content is usable by everyone, including individuals with disabilities, and helps meet legal compliance requirements.

Core Features & Use Cases

  • Semantic HTML & ARIA: Guides developers on using proper HTML structure and ARIA attributes for screen readers.
  • Automated Testing: Integrates with testing frameworks (like Jest) to automatically detect accessibility violations using tools like axe-core.
  • WCAG Compliance: Provides patterns and configurations to meet WCAG 2.1 AA standards.
  • Use Case: When building a new interactive component like a modal or a form, use this Skill to ensure it's fully accessible to screen reader users and passes automated accessibility checks before deployment.

Quick Start

Use the web-accessibility skill to audit the accessibility of the new user registration form.

Frequently Asked Questions about web-accessibility

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

FAQPage Schema
How do I ensure my web components meet WCAG 2.1 AA compliance?▼

To meet WCAG 2.1 AA compliance, enforce web accessibility standards using semantic HTML, ARIA attributes, and automated testing with axe-core to audit interactive elements like forms and modals.

What is the best way to automate accessibility testing with Jest?▼

Automating accessibility testing with Jest involves integrating jest-axe to automatically detect accessibility violations in your components, ensuring screen reader compatibility before deployment.

Can I integrate automated accessibility checks into my CI/CD pipeline?▼

You can integrate automated accessibility checks into CI/CD pipelines by running jest-axe tests during continuous integration, enabling continuous accessibility monitoring for forms and interactive elements.

Does this approach handle accessibility for modals and interactive dialogs?▼

This approach handles accessibility for modals and dialogs by applying semantic HTML structure and ARIA attributes, ensuring screen reader users can navigate interactive elements while passing automated axe-core checks.

Related Skills

Explore More Software Engineering Skills→
botPhUbotPhU

accessibility-expert

Identify and remediate accessibility issues in web interfaces.

Community
Advanced
kobogithubkobogithub

uiux-axe-core

Automates WCAG 2.1 AA/AAA accessibility validation for web pages via axe-core and Playwright.

Community
Intermediate
bacchus-labsbacchus-labs
4

accessibility-verification

Verify UI component accessibility with axe-core, keyboard navigation, screen readers, and Lighthouse.

Official
Advanced
a53alia53ali

accessibility-testing

Test web and mobile applications for WCAG 2.1/2.2 AA conformance using automated tools and manual techniques.

Community
Advanced