Screen-reading software helps people with visual disabilities understand text and pictures, but what happens when the software searches for links and reads off a list of, “Click here or click here or click here…” instead of telling the consumer what each link leads to?
Website visitors with motor disabilities can use special keyboards or software to control a computer with nothing more than eye movement. Imagine how frustrating it would be to try to click on a slideshow image only to have the slideshow advance to the next image before you are done.
Websites must be able to work with specialized software. Use these seven design tips to help everyone use your website:
- Simple, Clear Navigation
Place a few buttons with the most common tasks in a prominent place, with words under each button clearly explaining the action. For example: Manage Account, Make a Payment, Report an Outage, Before You Dig, Latest News.
- Rich-text Documents (vs. PDFs)
PDFs present a problem for vision-impaired readers. Since most PDFs are one big image, screen-reading software cannot read them. Consumers using text-enlargement programs are also out of luck. Publish documents in HTML or another rich-text format in addition to a PDF.
- Unique Link Language
Instead of saying “Click here” for a link, explain where a link goes. Screen-reading software can be used to scan for links. Make sure your hyperlink text is clear, unique and descriptive. Example: Instead of, “Click here to learn more about us,” use, “To learn more about us, read our history page.”
- Avoid Text Overlays
Remove graphics with text overlays. Instead, place blocks of text below images.
- Slideshow Advance Option
Do you use a slideshow with marketing messages? Instead of automatically scrolling messages, design slideshows to advance only when an arrow is clicked…. Or better yet, do not use slideshows at all.
- Image Tags
When you upload an image to your website, add a caption and alternate text. The text should explain what the image conveys. Include any text from the picture. Keep in mind this is an ongoing process. Train everyone who maintains the website on image tagging.
- Headline Order
Most website content editors let you pick a type style. Be careful with headlines. Only use Headline 1 for page titles. Although Headline 3 might look better visually than Headline 2, never skip a level in body copy. Screen readers assume content is missing.
Want to spread the word about these tips? Share this post or download our accessibility brochure.
Keep in mind these pointers are the tip of the iceberg. To learn more about accessible design challenges and solutions, visit our website support page, read our archived blog posts or email us. You can also stop by Ruralite’s table at the Northwest Communications and Energy Innovations Conference in Missoula, Montana to learn how to develop a responsive, accessible and reliable website.