Skills
.Work. You
Rest

accessibility-guard

Official

Guard UI accessibility across web and mobile.

Design & Creative#accessibility#a11y#wcag#contrast#focus#keyboard#aria
Authorlgerard314
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ensure every interface is usable by people who navigate with keyboards, screen readers, magnifiers, or reduced motion. This guard applies to all interactive UI and prevents inaccessible experiences.

Core Features & Use Cases

  • Keyboard navigation and focus indicators: all interactive elements are reachable in a logical tab order.
  • Semantic HTML first: prefer native elements over ARIA where possible, with proper labeling and error messaging.
  • ARIA patterns and WCAG compliance: follow WAI-ARIA APG guidance for modal dialogs, tabs, and other widgets.
  • Color contrast and motion: enforce WCAG 2.2 AA contrast and respect prefers-reduced-motion.
  • Forms and non-text content: ensure labels, aria-describedby, and accessible labels for icons.
  • Focus management: manage focus on route changes, modals, and dynamic content insertion.

Quick Start

Run accessibility-guard checks on your UI code to verify keyboard focus, semantic HTML, ARIA correctness, color contrast, and motion preferences.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-guard
Download link: https://github.com/lgerard314/global-plugin/archive/main.zip#accessibility-guard

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.