Media
2 items
Description
Comprehensive accessibility audit with 16 checks including advanced WCAG 2.1 criteria screenshots by Jairo Costa (@soyJairoCosta) # Accessibility Checker - Professional WCAG 2.1 Auditing Tool A comprehensive Chrome extension to audit accessibility issues with 16 checks based on WCAG 2.1 Level AA standards. ## 🎯 Key Features ✅ 16 Accessibility Checks (6 Basic + 10 Advanced) ✅ Multi-Page Flow Analysis ✅ Automatic Background Analysis ✅ Excel Report Export ✅ Smart Parent Element Detection ✅ Chronological Page Ordering ## 📋 What It Checks **Basic Checks:** - Text size (minimum 14px) - Clickable icon size (minimum 24x24px) - Color contrast (text and borders) - ARIA labels - Empty elements **Advanced Checks (High Priority):** - Focus visible indicators - Tab order issues - Alt text for images **Advanced Checks (Medium Priority):** - Form labels - Headings structure - Keyboard traps - Hidden content **Advanced Checks (Low Priority):** - Color dependence - Language attributes - Descriptive link text ## 🚀 How to Use 1. Click the extension icon 2. Enter target container class (e.g., "main-content") 3. Select desired checks 4. Click "Run Analysis" 5. Review highlighted errors with detailed messages ## 🎬 Multi-Page Flows Perfect for auditing complete user journeys: - Start a named flow (e.g., "Checkout Process") - Navigate through your app normally - Extension auto-analyzes each page - Export complete flow report to Excel ## 📊 Report System - Organized by Flow → Page → Error - Export to Excel (CSV with UTF-8 BOM) - Chronological page ordering - Detailed error information with element identifiers ## 🔒 Privacy - No data collection - All data stored locally - No external requests - Open source code ## 💡 Perfect For - Web developers - QA testers - Accessibility specialists - UX designers - Product managers ## 📝 WCAG 2.1 Compliance Covers 11+ WCAG 2.1 criteria including Level A and AA requirements. ## 🆓 Free & Open Source Developed with ❤️ by @soyJairoCosta