Accessibility First

Design inclusive interfaces that work for everyone regardless of ability.

Category: Design | Type: Skills

Skills: Accessibility, Inclusive Design, WCAG

Techniques: Constraint-Based

Prompt

Accessibility is not a feature. It is a baseline. Core requirements (WCAG 2.1 AA): 1. Color Contrast — 4.5:1 minimum for body text, 3:1 for large text. Use a contrast checker on every color pairing. 2. Keyboard Navigation — every interactive element in [your application] must be reachable and operable via keyboard alone. Tab order must be logical. 3. Screen Reader Support — semantic HTML, ARIA labels where needed, alt text on all images. 4. Focus Indicators — visible focus rings. Never use outline: none without a replacement. 5. Text Scaling — UI must work at 200% zoom. Use rem/em, never px for text. 6. Motion — provide prefers-reduced-motion alternatives. No autoplaying animations. 7. Touch Targets — minimum 44x44px. The curb cut effect: accessibility improvements benefit everyone. Captions help noisy environments. High contrast helps outdoor use. Good accessibility is good design.

Browse all prompts at Ask Wisely