When you insert an image into a post or page, consider providing a rich description for the caption that will improve the reading experience for everyone, but especially folks who can’t see the image. Be creative. Instead of “My son on his swing,” try “My son is playing on his favorite swing. His face is filled with pure joy on a beautiful Spring day. Perfection.” The goal here is to convey the feeling of the image.
If the user selects this button, the page is read aloud while text is highlighted. This is powered by ReadSpeaker, which I think is a really cool product. It provides improved accessibility to a vast audience of people who might not otherwise have their own assistive technology, such as people who are not native to the language of the page, or people with dyslexia or other reading challenges.
Regarding examples of accessible websites, I would suggest the Accessiweb gallery: http://www.accessiweb.org/index.php/galerie.html. Accessiweb is a reference list 100% based on WCAG2, and they deliver quality marks (the "Accessiweb label") upon website owners solicitation. The website undergoes a thorough manual review (on a carefully defined 10-page sample, more or less), and it gets the label only if it's flawless on every page. The level is reflective of the number of defects found and not corrected. Bronze is exactly equivalent to level A, Silver to AA, and Gold to AAA. So getting a Silver label means all A and AA tests were passed on all of the sample. Bronze, two stars: All A tests were passed, plus 50 to 75% AA tests. And so on.
The Americans with Disabilities Act (ADA) was first passed in 1990. Twenty years later, the US Department of Justice released an update called the 2010 ADA Standards for Accessible Design. These standards cover the design of physical spaces and have been interpreted to include web locations as well, so it can be difficult for the would-be accessible website designer to use them.
The large number of people who have disabilities, coupled with the challenges that they face, is one of the reasons that the Americans with Disabilities Act (ADA) was passed in 1990.² As its name suggests, the ADA is designed to protect individuals with disabilities in the United States. The ADA essentially makes it illegal for any government entity or business to provide goods and services to the general public without ensuring that the entities are accessible by people with disabilities. In today’s digitally driven world, many businesses fail to follow web accessibility best practices. In fact, this is why the Supplemental Advanced Notice of Proposed Rulemaking (SANPRM) was created by the U.S. Department of Justice (DOJ). To ensure that they are implementing digital accessibility best practices, organizations are encouraged to use the WCAG 2.1 technical requirements.³
Courts have taken essentially the following position on the issue of whether websites are places of public accommodation: Website accessibility fulfills the spirit of the ADA by lowering the barriers for people with disabilities to participate in business and commerce. As such, commercial websites need to comply with ADA regulations. Judges have reached this conclusion in several high-profile cases, such as the National Federation of the Blind’s lawsuit against the Scribd digital library. As a result of this case, Scribd agreed to redesign its website to work with screen reader software by the end of 2017.
For Avanti Hotel to address the issue and make its website ADA compliant, it will cost around $3,000. However, oftentimes businesses must pay damages to the plaintiff on top of making the fix. In this particular case, the settlement is expected to be between $8,000-13,000. If the owner chooses to fight, damages plus lawyer fees could put him at more than $25,000. This is a heavy burden for a small business.
This is particularly important when working for a government agency or government contractor, as these organizations must follow web accessibility guidelines under Section 508 of the Workforce Rehabilitation Act of 1973. Although ADA and Section 508 compliance are different, the published checklist for Section 508 compliance offers insight into ways to make websites accessible for people with disabilities, and thereby work toward ADA compliance.
Finally, WA11Y is another top ADA compliance plug-in to consider. A toolbox of resources to help you meet most ADA compliance needs, the plug-in packs multiple accessibility tools, each with a unique purpose. Tota11y, the first tool in the box, for instance, annotates all elements of your web pages and identifies any accessibility issues. Another tool in the box, WAVE, performs a detailed accessibility analysis of each page and provides printable reports. Then, you have FILTERS which is used to modify data within Wa11y.
Talk to your web designer about other techniques that will make your site more user-friendly for people with disabilities. Worried that’s not in your budget? Consider the fact that DOJ fines start at $75,000. And it's still yet to be determined if a non-compliant website is liable for one fine or will be charge per page for each violation. As the recent lawsuits illustrate, though, settlements quickly add up into the millions.
Since March 15, 2012, ADA compliance with the 2010 Standards will be required for new construction and alterations. In the period between September 15, 2010 and March 15, 2012, covered entities may choose between the 1991 Standards ADA Compliance (without the elevator exemption for Title II facilities), the Uniform Federal Accessibility Standards (Title II facilities only), and the 2010 Standards ADA Compliance.
Error prevention on important forms (3.3.4): For pages that create legal commitments or financial transactions or any other important data submissions, one of the following is true: 1) submissions are reversible, 2) the user has an opportunity to correct errors, and 3) confirmation is available that allows an opportunity to review and correct before submission.
A language picker at the top of the page. When users select a new language, the page is reloaded with all text translated. The lang attribute on the element also changes to reflect the new language, so screen readers will pronounce the text correctly. This is a very cool feature, and makes the site accessible to millions of people who would otherwise be excluded due to language. However, it's a little buggy. Selecting some of the languages (e.g., " Slovenčina") does not result in translated text on the home page, but does result in a changed lang attribute, so screen readers that support the selected language will pronounce the English text using the new language's speech engine, which is not likely to be intelligible.
Hi Ashley, Thanks for the feedback. However, I respectfully disagree about JAWS. There was a time many years and versions ago when screen readers didn't support id attributes as targets, but that's no longer true. I just tested my site with JAWS 14 in both IE9 and Firefox 17. In both browsers JAWS identifies the link as "Same page link Skip to main content", then if I click on that link using the left mouse button I jump directly to the "main region", and a couple of down arrows later I'm on the main heading. I actually wrote an earlier blog post about this very topic.
Web designers often design in such a way that does not allow the user to adjust font size or color. While they may be protecting their brand, they are also inhibiting some users. Many visually impaired need to use high contrast color settings or very large fonts to read a website. Don't design your website in a way that makes it impossible for them to do this.
Reha asked Vu if companies are obligated to comply? Vu said that unlike the physical access world, where any new building has to be compliant no matter what, there’s no such thing in the web world. The Justice Dept. hasn’t said that that’s the default, but they have said that the current regulatory regime requires it anyway. Equal access has been around since 1990.