← ClaudeAtlas

080103-ux-standardslisted

UX standards: WCAG accessibility, touch interaction, form UX, navigation, UX writing, cognitive load. Heuristic evaluation and critique methodology.
natuleadan/skills · ★ 1 · AI & Automation · score 77
Install: claude install-skill natuleadan/skills
# UX Standards Production-grade UX standards for web and mobile: accessibility, interaction, form design, navigation architecture, copy, and cognitive load. ## References | Topic | File | |---|---| | WCAG accessibility: contrast 4.5:1, focus, keyboard, screen reader, ARIA, reduced motion | [references/accessibility.md](references/accessibility.md) | | Touch interaction: targets 44×44pt, gestures, haptics, safe areas, platform standards | [references/touch-interaction.md](references/touch-interaction.md) | | Form UX: labels, validation, error recovery, progressive disclosure, keyboard, autofill | [references/form-ux.md](references/form-ux.md) | | Navigation: bottom nav, sidebar, breadcrumbs, back stack, deep linking, adaptive patterns | [references/navigation-patterns.md](references/navigation-patterns.md) | | UX writing: error messages, empty states, CTAs, confirmation, tone | [references/ux-writing.md](references/ux-writing.md) | | Cognitive load: information density, chunking, progressive disclosure, decision fatigue | [references/cognitive-load.md](references/cognitive-load.md) | ## Core Rules - **Accessibility is critical**: Color contrast ≥4.5:1, visible focus rings, keyboard nav, aria-labels, skip links, heading hierarchy never skips levels. Color is never the only indicator. - **Touch targets**: Minimum 44×44pt (Apple) / 48×48dp (Material). 8px minimum gap between targets. Don't rely on hover alone. - **Forms**: Visible labels (not placeholder-only), errors below