What is accessibility, anyway?
Website ADA accessibility involves making sure that all content is available and functional to all users, regardless of a user's browser, assistive technology or physical impairment. "Why bother with accessibility? Aren't most of my users regular Joes without disabilities?" one might ask. "Besides, I don't want to stifle my creativity."
Studies find that about 20 percent of the population has some kind of disability. It's true that not all of those impairments affect one's ability to use the Internet. However, even if the figure were much smaller, it would be unwise--and, for some organizations, illegal--to restrict access to such a large audience. After all, a small percentage of a large number is still a large number. As far as creative design goes, many original designs and techniques can still function. There are always alternative ways of providing the content and functionality where needed.
Accessibility legitimizes a site. It shows that the organization is mindful and considerate of all its users, and thus builds confidence in the organization. No one will revisit a website that, at least for him or her, is broken. Compliance with accessibility standards demonstrates that web designers are knowledgeable and skilled professionals. It proves that they are experienced enough to create a site that anyone can use fully. They don't just throw together some "cool hacks" that work in ideal conditions. In the face of poor accessibility, users may draw unfavorable conclusions about the organization's attention to detail, expertise in design, or even its resources.
So when we talk about accessibility, what types of people are we considering?
How do we begin to check for website ADA accessibility?
A good place to start is the U.S. federal government's Section 508 guidelines for web-based information and applications. Many of these involve simple coding techniques to follow during development, checkable by various accessibility programs. But some of these guidelines are merely principles about which we may wonder, "Does my site comply enough?" The World Wide Web Consortium (W3C), the governing body for web standards, has a great online reference for those particulars.
Many checkers will direct you to the W3C guideline relevant to a site's possible violation. Still, they are in no way a substitute for thorough hands-on testing (use of differing browsers and smaller devices, screen readers, and testing all functionality without using a mouse). After all, checkers can look for violations in your code. Since they don't know everything the site is supposed to do, they won't be able to tell you, for example, if all of your awesome effects still execute under certain conditions.
As a "first aid" of sorts, here are the quickest, easiest fixes to the most common website ADA accessibility problems:
- The title element on each page should be distinct and meaningful.
- Heading tags should be used in proper order, without skipping levels.
- Provide alternative text for images, video and other embedded content.
- Tables should be marked up appropriately. Simple data tables need headings (th elements) for each column and row. Complex tables (those with row or column spans) need id and header attributes added. All data tables should be given summary attributes.
- Form inputs require labels, even if they are invisible to sighted users. (Title attributes may be used on inputs, but not as a substitute for label elements, which better support all-around accessibility.)
- Show the focus. That little dotted outline around active links or images may seem ugly, but it helps those without a mouse to know what they're currently "pointing at". Don't suppress it. In some cases, you will want to add it, or an effect that achieves the same purpose.
- In text, provide significant color contrast between the foreground and background.
- Links require meaningful and specific text, not repeated on other links on the same page. If you want the link text to be the same, make the text in the title attributes unique.
- Create links to skip repetitive content, such as the main navigation. (These "skip links" can be invisible to sighted users, but they are very helpful to screen reader users and those who can't use a mouse.)
- Ensure usability. Usability is ease of use. The structure and function of the site should be intuitive for a user to understand. For example, navigation that confuses a user as to where they'll go upon clicking or where they are within the site structure often fails to provide usability. Another culprit is forms that are difficult to fill out correctly. Ask yourself (or do user testing!), "If I weren't the one who made this website, would I know how to use it?" Then make it more usable!
The sky is still the limit
Remember, you can still achieve almost any design you had in mind, whether you're going for beautiful, sophisticated, or dynamic. Just make sure you cover your bases to provide equivalent functionality to those with limitations. For example, you can add features only supported by newer browsers if you wish, as long as what shows up for the older ones is understandable and functional as well. If you must degrade the experience for some users, degrade gracefully.
So let's do ourselves and our users a service and provide accessible web experience!
Interested in other web and technology topics? Read on about establishing secure connections with SSL certificates.