Yes! About 20% of Americans – some 60 million people – have a disability, according to the Centers for Disease Control and Prevention (CDC). The largest and fastest growing type of disability is visual. Think baby boomers moving from spectacles to screen readers, and living longer than ever before…
Making your website accessible opens it up to more people, and for many of us, it is required by law. Section 508 of the Rehabilitation Act (508 for short) says that any agency that gets money from the federal government must make its site and its downloadable PDFs accessible.
But don’t fret! Making your website accessible is easier than you’d think. And happily, doing so also makes your site easier to use and read. Here are the areas you will want to work on: 1) URL, 2) Navigation, 3) Site Design, 4) HTML Code, and 5) Site Content.
Is your URL short and easy to remember? For example: www.montereycountyelections.us is a user-friendly URL. It is brief and intuitive, which helps users remember it more easily. You can even use title case, so readers see the component words more easily: www.MontereyCountyElections.us. If your URL is long or hard to remember, use a URL shortener, like TinyURL, which lets you convert a long URL to something short and snappy.
Make navigation easy on all devices. Label all links clearly and meaningfully. Simple, consistent navigation placed predictably and uniformly across all devices (such as mobile and tablet) helps all users move around easily. Also include a site map and a search function.
3. Site Design
Use a flexible layout that adapts to different devices with different screen sizes (such as phones or PDAs). If you do this once, you won’t need a second, mobile-dedicated site. This also lowers your administrative costs. It’s also a good idea to make text resizable so users can adjust it to meet their needs.
Use contrasting colors. We recommend using dark fonts on a light background. Show off subheadings using colorblind-proof colors that are dark and bold. No functions should be color-dependent. Your site should work with color turned on or off. View your pages without color at: www.508compliant.com/tools.htm.
4. HTML Code
Specify a natural (human) language so screen readers can read the text out loud. For English, use <html lang=”en”>; for Spanish use <html lang=”es”>. Identify all changes in human language so screen readers and Braille systems can pronounce and display the content in the new language.
Use the “abbr” and “acronym” elements to expand abbreviations and acronyms, giving more meaning to the content.
Provide text equivalents to sound and images so screen readers and closed captioning can interpret them. For content in video or audio format, provide a transcript or closed captions. YouTube’s closed caption feature automates this process. (Click on the CC icon.)
Validate your code using W3C standards at http://validator.w3.org/
Make language and layout clear and simple. Use consistent page layout, easy-to-interpret graphics, and words that are easy to read and understand.
Provide information in intuitive bits. Divide large blocks of information into smaller chunks to make it more manageable.
But wait! You’re not quite done yet… Get support and learn more from these tools and resources:
About the Author: Maria Mindlin is a linguist, former court interpreter, and founder of Transcend, a language services company in California. She loves teaching plain language and enjoys the challenge of translating inaccessible text into language most people can understand.