Website Accessibility and What You Need to Know

In the web design groups I hang out in on Facebook, there has been a lot of talk about website accessibility lately. Just like there are lawyers making a living by driving around and finding parking lots in some states that don’t comply with ADA requirements, there are also lawyers doing this with websites. If they cruise your website and don’t find it accessible for those with physical impairments, you could be violating federal ADA law and subject to a law suit.

So what does this all mean for you as a website owner?

keyboard with accessible icon

Website accessibility means that websites are created to work with assistive technologies like screen readers, so that people with disabilities can use the site. It also means you need to revisit your website and make sure it is meeting the ADA requirements.

The first thing to do would be to make sure that your site has been developed with all the basics of good website design: 

  • Responsive design, so that your site displays properly for tablets, phones and other devices
  • Check to be sure that you have the appropriate heading level hierarchy (H1, H2 H3 tags, etc.)
  • Group related content appropriately so content flows well and makes sense to the reader
  • Have clear and consistent navigation throughout the site
  • Do no auto-play video or audio and have clear controls for the user

Additionally, there are several other things that should be done for web accessibility:

#1
Provide sufficient contrast between foreground and background.

If your background is white and your text is a light gray, that can be difficult for some visually impaired people to see well. For others, brighter colors with high luminance (think neon against a black background), are difficult to see.

#2
Ensure that text links are easily identifiable.
At the very least, use a contrasting link color throughout your site. You could underline links for even more visibility. Additionally, changing the link or background color on hover can also help users identify links.
#3
Use image ALT tags.

This will not only help your SEO, but also identifies the image for visually impaired readers, as their screen reader will read them your image description. This is why it’s important to accurately describe the image here. For example, an ALT tag that says “blond woman standing next to a horse in a meadow” is preferable to “woman with horse”.

#4
Be sure your text size is not too small.

Depending on the font you are using, an 18pt font size is generally recommended. This works well for standard sans-serif fonts like Lato, Montserrat, Arial, Verdana, etc. If your audience is older, consider making the font even larger, or adding a tool for the reader to increase the font size. Also make sure that your line spacing is not too close together.

#5
Make sure your website can be accessed with a keyboard.

Some users do not have the dexterity to use a mouse. Thankfully most browsers allow this these days, but it’s up to you to make sure that none of the elements on your site can ONLY be accessed with a mouse.

#6
Eliminate too much moving, flashing or blinking content.

This can make it harder for some visitors to read the content, or worse, cause seizures for some with some forms of epilepsy.

#7
Add transcripts for all video and audio recordings.

Make it easy for visually or auditory impaired visitors to engage with your content, if they are unable to watch or listen.

#8
Add labels to forms instead of using placeholder text.

This helps not only because the color of the text is darker, but it more easily identifies form fields.

You work hard enough. Make sure your website is working hard too, with these simple tips!

top 10 things to improve your farm or ranch website

You will receive helpful monthly tips & information to keep your website up to date and running smooth. We keep your info safe and you can unsubscribe at any time.