What is ADA Compliance for Your Website?
ADA Compliance helps people with two types of disabilities:
People who have some sort of vision issue and need the text to be super clear
People who are can't use a keyboard or mouse, but instead use a "screen reader" to "read aloud" your website
Both of these items should be addressed when making a compliant website.
There are three levels of WCAG compliance. The level of compliance we would like to achieve is ideally AA.
Level A Level AAA
AAA is reserved for very specific website requirements.
Users can test the solution for themselves by clicking on the lower left corner of the screen below.
Upon completion of installing the software, you will be issued a certification statement that will state that your website has passed accessibility testing.
Redesigning your website is a solution, but you may end up with a site that is ugly or does not match the emotion you are trying to convey to your visitors.
For display requirements, TechCare recommends employing a small piece of software that allows a user who needs to view your site how they need to see it. For coding requirements, TechCare recommends and AI solution that will re-code the back end of your website for screen readers.
Find Out More About Making Your Site ADA Accessible
Learn More About WCAG/ADA Compliance for Your Website
Let’s give a few simple examples of display changes that need to be made.
Fonts: One accessible requirement is that all fonts must be at least 15px tall. For the most part, we at TechCare develop sites with that requirement in mind, but there are some use cases where the font may be smaller. For example, a disclaimer on your site or copyright may be a small font, not a large font. A caption below a photo may be in smaller font.
Contrasting Colors: Another display requirement for accessibility is contrasting colors for text. Using absolute black text on a white background on every page, or creating buttons with absolute black background and white text are a good examples of contrasting colors, but stylistically this may not match your brand. You may be using a beautiful gray color for your text and a light gray color for the background, and in this case your site will probably fail an accessibility test.
Let’s give a few simple examples of coding changes that need to be made.
Images: Many visually impaired visitors use a screen reader to view your website. A screen reader reads out loud the text that is on your website, but an image cannot be "read". For example, if a screen reader encounters an image, it does not know what the image is doing on the page or what the image shows. Your website may use an image as a LINK to another page on your website. A screen reader does not know that is a link, unless we put some coding on the image, called “alternate text”. This is coding that we know how to do, and it adds a small description of what the image is of or supposed to be. A screen reader will read the alternate text when it encounters the image and the visually-impaired person will know what the image’s purpose is. Otherwise, the person will not know about the image and your site will fail an ADA compliance check.
Keyboard Navigation: Some visitors to your website that may have a disability may not be able to use a mouse, and rely solely on a keyboard to navigate your website. When someone does this, first it needs to work to jump to all elements on your page, and they also have to be able to tell which element the “focus” is on at that moment so they know where they are on the page. Making a web page accessible and understood by a keyboard only requires us to code some things into elements of your website, and the page needs to be manually tested.