accessibility

Build WCAG 2.2 AA compliant web interfaces with CSS, JavaScript, and Python audit scripts.

Updated Aug 23, 2026

Search Tags:#inclusive design #accessibility #a11y #screen reader #web development #keyboard navigation #wcag

Ready to run

npx skills add https://github.com/lukeslp/accessibility-skills --skill accessibility-lukeslp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/lukeslp/accessibility-skills/tree/main
Command: npx skills add https://github.com/lukeslp/accessibility-skills --skill accessibility-lukeslp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps developers create web interfaces that are usable by everyone, regardless of their abilities, by providing guidance and tools for adhering to accessibility standards like WCAG 2.2 AA.

Core Features & Use Cases

Comprehensive Guidance: Covers motor, cognitive, visual, and screen reader accessibility needs.
Actionable Patterns: Offers production-ready CSS utilities and JavaScript patterns for common accessibility challenges.
Audit Scripts: Includes 10 standalone Python scripts for automated checks (e.g., contrast, alt text, focus order).
Use Case: When building a new interactive component, use this Skill to ensure it's keyboard-navigable, has sufficient color contrast, and provides clear focus indicators for all users.

Quick Start

Use the accessibility skill to review the contrast ratio between '#333333' and '#f5f5f5'.

Frequently Asked Questions about accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I make my web interface compliant with WCAG 2.2 AA standards?▼

This Skill provides comprehensive guidance and production-ready patterns for WCAG 2.2 AA compliance, covering motor, cognitive, visual, and screen reader accessibility. It includes actionable CSS utilities and JavaScript patterns to address common implementation challenges.

How do I automate accessibility testing for color contrast and alt text?▼

You can automate accessibility testing for color contrast and alt text by running the 10 included standalone Python audit scripts. These scripts automatically check contrast ratios, alt text strategies, and focus order in your web projects.

What JavaScript patterns and CSS utilities support keyboard navigation and switch access?▼

This Skill provides production-ready JavaScript patterns and CSS utilities specifically designed to support keyboard navigation, switch access, and eye gaze interactions. These patterns ensure clear focus indicators and proper ARIA implementation for interactive components.

Does this accessibility tool address cognitive needs like dyslexia-friendly typography?▼

Yes, this accessibility tool explicitly addresses cognitive needs by providing guidance on dyslexia-friendly typography. It ensures your web development covers cognitive accessibility alongside visual and motor requirements for a fully inclusive design.

What is the best way to ensure a new interactive component is screen reader accessible?▼

The best way to ensure screen reader accessibility for a new interactive component is to apply the provided ARIA implementation techniques and JavaScript patterns. This guarantees the component is keyboard-navigable and provides clear focus indicators for all users.