Skills
.Work. You
Rest

Accessibility Guidelines

Community

Design UI that works for everyone.

Design & Creative#accessibility#a11y#wcag#semantic-html#aria#keyboard-navigation
AuthorArnutt-N
Version1.0.0
Installs0

System Documentation

What problem does it solve?

UI designed without accessibility guidelines leads to exclusion of users with disabilities, missing WCAG compliance, and reduced usability across assistive technologies.

Core Features & Use Cases

  • Guidance on semantic HTML usage for common elements (button, nav, main, article, aside)
  • ARIA labeling strategies and keyboard navigation patterns to ensure focus visibility and skip navigation
  • Practical accessibility testing and auditing notes with recommended tools (Lighthouse, aXe)

Quick Start

Audit your UI for accessibility by applying WCAG 2.1 POUR principles and implementing semantic HTML, ARIA attributes, and keyboard-friendly interactions.

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: Accessibility Guidelines
Download link: https://github.com/Arnutt-N/hr-ims/archive/main.zip#accessibility-guidelines

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 471,000+ vetted skills library on demand.