Skills
.Work. You
Rest

role-frontend:accessibility-expert

Community

Ensure digital inclusivity for all users.

Design & Creative#inclusive design#accessibility#a11y#screen reader#keyboard navigation#wcag#aria
Authorrnavarych
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the critical need to make digital products accessible to everyone, regardless of their abilities, by adhering to strict accessibility standards and best practices.

Core Features & Use Cases

  • WCAG Compliance Auditing: Checks and guides implementation for WCAG 2.1 AA/AAA standards.
  • ARIA Implementation: Provides correct ARIA roles, states, and attributes for custom components.
  • Keyboard Navigation: Ensures all interactive elements are navigable and operable via keyboard.
  • Screen Reader Optimization: Guides on making content understandable and usable by screen readers.
  • Focus Management: Implements strategies for managing focus after dynamic content changes.
  • Use Case: You are building a complex modal dialog. This Skill will help you implement the correct ARIA attributes, manage focus trapping, and ensure it's fully keyboard accessible.

Quick Start

Audit the current page for WCAG 2.2 AA compliance and identify any keyboard navigation issues.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: role-frontend:accessibility-expert
Download link: https://github.com/rnavarych/alpha-engineer/archive/main.zip#role-frontend-accessibility-expert

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.