This particular lawsuit amounted to nothing more than a shakedown for cash, as the current laws would make it difficult to win the suit in court (more about this later) but it prompted me to dive deeper into the issue of ADA compliance. Through my research, I discovered there are some new laws on the horizon that could make ADA compliance mandatory, which means web designers and digital marketers need to know how to prepare.
Accessible Poetry comes with a toolbar with buttons to change font size, adjust contrast, disable animations, and more. Also, Skiplinks are available that let users navigate between main areas of the page using the keyboard, and if an image doesn’t have Alt text, you’ll be alerted (you can even add ALT text without leaving this screen). Beyond that, outline effects for objects in focus mode, link underlining, and custom CSS/JS code addition are supported. To access this resourceful toolbar, just click the floating button on the screen.
The past few years have brought great awareness to the importance of creating an accessible website. While the process of ensuring you’ve covered all your bases takes time, it’s very much worth the extra effort. Using the tools profiled above are a great way to add features (visible or not) that will help every user get the most out of your WordPress site.
It’s most outward feature is a font size and color contract toolbar that helps users more easily read your content. But it also does a lot of behind-the-scenes work like adding skip-to-content links, implementing an outline to the link :focus state for better keyboard navigation, utilizing longdesc for images and a whole lot more. Each feature can be turned on or off through a settings page.
Founder is extremely easy to set up on your WordPress site and includes a few key customization tools. Choose to display excerpts or complete posts on the homepage, add a search bar to the header, upload your own logo, and add social media icons for your profiles. Founder is coded following WP best practices, so it is compatible with thousands of plugins found on wordpress.org for further customization.
VisionCorps’ mission is to empower individuals with vision loss to attain independence. They understood that accessibility to the programs and resources on their website was vital to the success of their mission. They partnered with our agency to design a website that would become the model for other businesses looking to create accessible web design for individuals who are blind or vision-impaired.
Not to be outdone by their Southern neighbors, the Canadian government site is highly accessible. The home page is a simple page, beautiful in its perfect symmetry between English and French. The default language as specified on the element is English (lang="en", hey they had to pick one) but all French content is marked up with lang="fr". It's actually quite pleasing, and very Canadian, to listen to this page with JAWS as it alternates between the two languages.
This plug-in has been around for some time. Recently they were even advising users to uninstall the old version and install a new one. The new version comes with Skip menus, a button to reset font size, a Skip link inside the accessibility sidebar, and a DOM scanner that automatically checks pages and published posts for accessibility errors such as issues in image ALT, titles, and links. Contrast adjustment, color filters, lights off mode, and link highlighting are the other standout features.
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.
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.³
Complying with ADA provisions will cost you time, money, and human effort. Based on the audit results, you will know accurately the amount of time, human effort, and money you need to invest in compliance. Armed with these facts, you can start budgeting for the above three forms of cost—time, money, and human effort. This will require a clear roadmap.
Quantum Dynamix recently completed VisionCorps’ brand new website – built to set the standard for visually-impaired, ADA compliant web design and functionality. Discover what features we incorporated and how users who are blind are adjusting to the new website. This is a case study for ADA online compliance that you can utilize for your own website.
Penn in particular nearly made the cut because I really like their keyboard accessibility. It amazes me how few sites provide visible indication of keyboard focus, when it's incredibly simple to achieve (just add a style for a:focus in your style sheet). Penn did this, and consequently it's very easy for sighted keyboard users to keep track of their position as they tab through the page. They also included a keyboard-accessible dropdown menu. However, there are some dynamic features on the Penn home page that really need ARIA markup for full accessibility. They also have a few contrast problems, most notably their slideshow navigation, which is red-on-red:
In addition, covered entities are not required to provide any particular aid or service in those rare circumstances where it would fundamentally alter the nature of the goods or services they provide to the public. In the performing arts, for example, slowing down the action on stage in order to describe the action for patrons who are blind or have vision loss may fundamentally alter the nature of a play or dance performance.
Accessibility by UserWay UserWay creates a simpler and more accessible browsing experience for users with mobility issues. Millions of people cannot use a mouse or other pointing device and rely solely on their keyboard to navigate websites. Your site should be fully navigable using a keyboard’s tab key, arrow keys, the enter key and the space bar.
We not only referenced the ADA’s requirements while building the website, but also sat down one-on-one with users who are blind to see how they navigated the site. These individual sessions were invaluable and provided more insights than just the law’s basic requirements. Instead of making assumptions about how these users would interact with the site, we took the time to observe their real interactions and used that data to formulate new features.
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.
Web developers need to keep this in mind when creating websites. The best screen readers use naturalized voices and alter tone and inflection based on HTML tags, so choose layout elements carefully. It is also important to keep in mind that navigation is significantly slower when using a screen reader than it is for sighted people. Sighted people don't have to wait for the reader to get to the link we want- we spot links quickly and are able to navigate to our sought items, often without having to do any reading at all. Minimizing graphics also helps shorten reading times and speed navigation for disabled users.
In an August 2016 case involving the University of California Berkeley, the DOJ ruled that the public university was in violation of ADA Title II (similar to Title III but it instead applies to government organizations) because their YouTube channel’s videos didn’t include captions for hearing impaired visitors. The DOJ found this to violate the ADA as deaf users did not have equal access to the online content.
It’s an important tool because Contact Form 7 isn’t so accessible by default. The plugin adds a selection of accessible form types to use as the basis for your new form. Note that it doesn’t affect pre-existing forms – just new ones. For existing forms, you’ll have to recreate them using the new templates. That’s why it’s recommended that you install this companion plugin on your site at the same time as Contact Form 7.