Skills
.Work. You
Rest

Frontend Accessibility

Community

Build inclusive, accessible user interfaces.

Software Engineering#inclusive design#accessibility#a11y#frontend#react#ui/ux#semantic html
AuthorDevanB
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of creating user interfaces that are usable by everyone, including individuals with disabilities. It ensures your frontend applications meet accessibility standards, expanding your user base and complying with legal requirements, making your product truly inclusive.

Core Features & Use Cases

  • Semantic HTML: Guides the use of appropriate HTML elements for structure and meaning.
  • Keyboard Navigation & Screen Reader Support: Ensures all interactive elements are navigable and understandable without a mouse.
  • Use Case: When developing a new modal component, use this skill to ensure the AI implements proper ARIA attributes, manages focus correctly, and provides sufficient color contrast for text, making it accessible to screen reader users and those with visual impairments.

Quick Start

Ensure the new navigation menu component adheres to frontend accessibility standards, including keyboard navigation and ARIA attributes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: Frontend Accessibility
Download link: https://github.com/DevanB/lucidlog/archive/main.zip#frontend-accessibility

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