skills.rest
hugocrne
hugocrneCOMMUNITY
Explore all skills by this author →
GitHub

Frontend Accessibility

Implement WCAG-compliant UI elements with ARIA attributes and semantic HTML.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/hugocrne/portfolio-freelance-ia --skill frontend-accessibility-hugocrne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend Accessibility
Source: https://github.com/hugocrne/portfolio-freelance-ia/tree/main/.claude/skills/frontend-accessibility
Command: npx skills add https://github.com/hugocrne/portfolio-freelance-ia --skill frontend-accessibility-hugocrne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents overlooking critical accessibility best practices in frontend development, which can lead to non-compliant, exclusionary user interfaces and potential legal issues.

Core Features & Use Cases

  • WCAG Compliance Guidance: Directs Claude to implement UI elements and code patterns that meet Web Content Accessibility Guidelines (WCAG) automatically.
  • Inclusive Design: Ensures your frontend applications are usable by a wider audience, including those with disabilities, expanding your user base.
  • Use Case: When Claude generates or refactors frontend components, it automatically incorporates ARIA attributes, proper semantic HTML, and keyboard navigation considerations, making your application accessible by default and saving manual audit time.

Quick Start

Enable this skill for frontend tasks to ensure all UI development adheres to accessibility standards, making your applications inclusive and compliant.