ACES Demo: This post has some accessible styling in place

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.

The logo of the American Copy Editors Society.

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 to the ACES website? 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.

Advertisements

Leave a Reply

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

WordPress.com Logo

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

Google+ photo

You are commenting using your Google+ 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 )

w

Connecting to %s