qa-designlisted

# UI/UX Design Audit ## Objective Audit a web interface against 100+ rules covering accessibility, forms, animations, typography, images, performance, navigation, dark mode, and internationalization. ## Audit categories ``` ┌──────────────────────────────────────────────────────────────────┐ │ UI/UX AUDIT │ ├──────────────────────────────────────────────────────────────────┤ │ │ │ 1. ACCESSIBILITY ARIA, contrast, focus, keyboard │ │ 2. FORMS Validation, feedback, autofill │ │ 3. ANIMATIONS Performance, reduced-motion, timing │ │ 4. TYPOGRAPHY Hierarchy, readability, responsive │ │ 5. IMAGES Alt text, lazy loading, formats │ │ 6. UI PERFORMANCE Layout shift, first paint, bundle │ │ 7. NAVIGATION Breadcrumbs, mobile menu, deep links │ │ 8. DARK MODE CSS variables, images, contrast │ │ 9. TOUCH INTERACTIONS Target size, swipe, gestures │ │ 10. INTERNATIONALIZATION RTL, dates, plurals, translations │ │ │ └──────────────────────────────────────────────────────────────────┘ ``` ## 1. Accessibility ### Critical rules | # | Rule | Verification | |---|------|-------------| | A1 | Minimum contrast 4.5:1 (normal text) | Check CSS colors |