DigitalAccessibility
Clarity at every size.
- Target at least 4.5:1 contrast for normal text and 3:1 for large text and essential UI boundaries. Verify actual foreground/background pairs, including hover and dark-section states.
- Use semantic headings, links for navigation, and buttons for actions. Keep the page usable by keyboard, with visible focus.
- Use 44–48px interaction targets where practical. Check narrow screens at 320px, 200% zoom, and long text.
- Give informative photographs meaningful alt text; hide decorative blobs and connectors from assistive technology. Keep the three-step journey in logical reading order.
- Communicate status with text or symbols as well as color. Provide textual location/ETA information alongside maps.
- Render copy as selectable HTML. Optimize photographic assets with explicit dimensions; lazy-load below-the-fold images, not the main hero.