Writing Accessible HTML
Frankly, I’m no expert on making a website accessible. Rather than trying to say something worthwhile about something I know little about I’ll link to some articles that seem credible and then explain how I used their advice in making this website.
- Accessibility checklist by The A11Y Project.
- HTML: A good basis for accessibility by Mozilla.
- I Used The Web For A Day Using A Screen Reader by Chris Ashton for Smashing Magazine.
In addition to reading those articles I also did Apple’s Voice Over tutorial and tried to browse through my own website with it.
langattribute to your
<html>tag. For example:
<html lang="en">for an English website. This ensures that a screen reader will read a website with the correct accent.
<title>attribute descriptive. This is the first thing that Voice Over will read when you visit a page. I imagine that other screen readers are similar.
Use tags like
<nav>to separate sections of your webpages.
- Use empty alt text on images that are purely decorative so that the screen reader doesn’t attempt to read them.