ACES Demo: This post could use some help with accessibility

There are a lot of different steps you can take to make a web page more accessible to people using screen readers or other assistive devices.

Make sure your photos are labeled

If your photo doesn’t have proper alternative text, screen-reader users might get to a photo and just hear “image,” “blank,” or, possibly the worst, a file name, like “89403878932.pix.” Put alt text on them so they get something better — a description of what the photo is, or what purpose it serves. In WordPress, alt text is entered with a separate field; in some content management systems, the caption is also the alt text. Check to see what your system does.


Style your headings

Have you been using bold or italics to indicate subheads or other parts of text? Try using heading labels instead. You can set them to look the same as normal text styles, but they’ll be more visible to screen readers.

Label your links

Using hyperlinks, like this one? You can add titles to them so they’re more descriptive to people using screen readers. Avoid just linking phrases like “link here” — let people know what they’re getting into.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s