skills.rest
lukeslp
lukeslpCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/lukeslp/accessibility-skills --skill accessibility-lukeslp
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced
pglejzerpglejzer
95

docs-a11y

Audit and improve timepicker-ui documentation accessibility against WCAG 2.2 AA.

Community
Advanced
thec3ukthec3uk

Frontend Accessibility

Guide frontend code to meet accessibility standards like ARIA and keyboard navigation.

Official
Basic
M-Abdullah07M-Abdullah07
1

wcag-audit-patterns

Identify and remediate WCAG 2.2 accessibility violations in web content.

Community
Advanced