A Guide to Making Your Site Accessible, Because You're a Heartless Monster

We're not all blessed with perfect vision, so don't make us suffer.

Contrast is Key

  1. Use high-contrast colors, like black and white, because who needs to squint?
  2. Or, if you insist on being trendy, use a decent contrast ratio, like 7:1.
  3. Don't be that person who uses low-contrast colors; it's just not nice.

Captions for All

We're not all born with perfect hearing, so don't make us lipread.

Provide captions for videos, because who needs to watch a video without context?

Provide transcripts for audio, because who needs to listen to a podcast without a script?

Don't Make Us Read the Manual

We're not all experts in HTML, so don't force us to read your code.

Use ARIA attributes, because who needs to know what a tag does?

Don't Make Us Do the Math Alt Text, Because Who Needs a Visual Cue? Keyboard Navigation, Because Your Users Have Fingers Assistive Technology, Because Your Users Have Needs