Security 2,476 installs

Accessibility (a11y)

by addyosmani/web-quality-skills

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader…

Skill content

Audit and improve web accessibility following WCAG 2.2 guidelines and best practices.

- Covers all four WCAG principles (Perceivable, Operable, Understandable, Robust) with conformance levels A, AA, and AAA

- Includes code examples for text alternatives, color contrast, keyboard navigation, focus management, form labels, error handling, and ARIA usage

- Provides testing checklist with automated tools (Lighthouse, axe-core) and manual testing procedures for keyboard, screen reader, zoom, and motion preferences

- Highlights critical issues (missing labels, alt text, contrast, keyboard traps) and new WCAG 2.2 criteria like target size, focus visibility, dragging alternatives, and accessible authentication

Accessibility (a11y)

Comprehensive accessibility guidelines based on WCAG 2.2 and Lighthouse accessibility audits. Goal: make content usable by everyone, including people with disabilities.

WCAG Principles: POUR

Principle
Description

Perceivable
Content can be perceived through different senses

Operable
Interface can be operated by all users

Understandable
Content and interface are understandable

Robust
Content works with assistive technologies

Conformance levels