skills.rest
devmatrix-ai
devmatrix-aiCOMMUNITY
Explore all skills by this author →
GitHub

Frontend Accessibility

Review frontend components for WCAG standards, keyboard navigation, and ARIA labels.

Updated Aug 23, 2026
Search Tags:#inclusive design#accessibility#semantic HTML#ARIA#WCAG#frontend#UI/UX
One-click install
npx skills add https://github.com/devmatrix-ai/devmatrix-mvp --skill frontend-accessibility-devmatrix-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend Accessibility
Source: https://github.com/devmatrix-ai/devmatrix-mvp/tree/main/.claude/skills/frontend-accessibility
Command: npx skills add https://github.com/devmatrix-ai/devmatrix-mvp --skill frontend-accessibility-devmatrix-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inaccessible user interfaces exclude users with disabilities, leading to poor user experience and potential legal issues. This Skill ensures your UIs are usable by everyone, expanding your reach and improving user satisfaction.

Core Features & Use Cases

  • WCAG Standards Adherence: Guides development to meet Web Content Accessibility Guidelines.
  • Semantic HTML & Keyboard Navigation: Ensures proper HTML structure and full keyboard operability.
  • ARIA Attributes & Color Contrast: Advises on using ARIA roles/labels and maintaining sufficient color contrast.
  • Use Case: When developing a new modal dialog, use this Skill to ensure it can be opened/closed with the keyboard, has appropriate ARIA roles, and traps focus within the dialog for screen reader users.

Quick Start

Review the new navigation bar component and ensure it meets WCAG standards for keyboard navigation and proper ARIA labels for screen readers.