Sometimes it is hard to know where to start with a website, let alone with accessibility. Here are a few things you can do to move your website toward better accessibility.
This isn’t a comprehensive list, but a practical starting point.
When a screen reader is reading your website, it uses image tags and labels to explain the visuals.
- Add meaningful “alt” text to images (“img123” is not meaningful; “smiling kid reading book” is meaningful).
- Make sure all your form elements are labeled.
- Use good color contrast for text foreground/background. White on white is REALLY hard to read :). Here’s a color contrast checker. Get to Level AA.
If your website was a building you would have to unlock the door if you expected folks to come in, so unlock the metaphorical door by making sure your site is usable.
- Make page navigation/links possible using only the keyboard. Try starting with your cursor in the URL bar and then tabbing your way through. Check if your tabs flow in order or if you jump around the page.
- No page content flashes more than 3 times per second. 1999 called and they want their seizure inducing style back. Seriously. Prevent seizures.
- Make the purpose of each link obvious from the link text alone.
If you want a full overview of the current status of a live site, run it through Web Accessibility Evaluation tool. It’ll highlight the good things you’re doing along with the bad to give you a better idea of where you can focus your accessibility efforts.