accessibility-auditor

# Accessibility Auditor Comprehensive guidance for creating accessible web experiences that comply with WCAG standards and serve users of all abilities effectively. ## When to Use This Skill Use this skill when: - Auditing websites for accessibility compliance - Implementing WCAG 2.1 Level AA or AAA standards - Fixing accessibility violations and errors - Testing with screen readers (NVDA, JAWS, VoiceOver) - Ensuring keyboard navigation works correctly - Implementing ARIA attributes and landmarks - Preparing for ADA or Section 508 compliance audits - Designing inclusive user experiences ## WCAG 2.1 Principles (POUR) ### 1. Perceivable Users must be able to perceive the information being presented. ### 2. Operable Users must be able to operate the interface. ### 3. Understandable Users must be able to understand the information and interface. ### 4. Robust Content must be robust enough to work with current and future technologies. ## Common Accessibility Issues & Fixes ### 1. Missing Alt Text for Images **❌ Problem:** ```html <img src="/products/shoes.jpg"> ``` **✅ Solution:** ```html <!-- Informative image --> <img src="/products/shoes.jpg" alt="Red Nike Air Max running shoes with white swoosh"> <!-- Decorative image --> <img src="/decorative-pattern.svg" alt="" role="presentation"> <!-- Logo that links --> <a href="/"> <img src="/logo.png" alt="Company Name - Home"> </a> ``` **Rules:** - Informative images: Describe the content/function - Decorative images: ...