Frontend Accessibility

Improves UI accessibility through semantic HTML, ARIA labels, and screen-reader-friendly design.

Updated Nov 7, 2025

Search Tags:#accessibility #screen reader #semantic HTML #ARIA #WCAG #frontend #UI/UX

One-click install

npx skills add https://github.com/wmeints/symbiosis --skill frontend-accessibility-wmeints

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: Frontend Accessibility
Source: https://github.com/wmeints/symbiosis/tree/main/.claude/skills/frontend-accessibility
Command: npx skills add https://github.com/wmeints/symbiosis --skill frontend-accessibility-wmeints

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures your user interfaces are usable by everyone, including people with disabilities, by guiding you to build accessible UIs that meet compliance standards and enhance user experience.

Core Features & Use Cases

Semantic UI Construction: Build accessible interfaces with semantic HTML, keyboard navigation, and ARIA attributes.
Screen Reader & Contrast Support: Ensure proper color contrast and full screen reader compatibility for all components.
Use Case: Automatically add appropriate ARIA labels and keyboard navigation support to a custom dropdown component, making it fully accessible.

Quick Start

Using the Frontend Accessibility skill, review the login-form.html file and suggest improvements for keyboard navigation and screen reader compatibility.