BLOG

Web Accessibility 101

In 1973, Section 8 of the Rehabilitation Act put laws in place to make the internet more accessible for the 55 million Americans at that time who lived with disabilities. If an organization receives funding from the federal government, it must meet certain accessibility standards.

There has historically been some confusion about how the law should be applied to private businesses vs. public owned organizations in regards to web accessibility. Alongside the Rehabilitation Act, the Americans with Disabilities Act (1990) has also played a role in strengthening the law around enforcing web accessibility.

In 2018, the Web Content Accessibility Guidelines (WCAG) were updated from their 2.0 status to 2.1, accounting for a greater variety of those with accessibility needs online such as those with poor vision or learning disabilities.

As the law continues to strengthen around website accessibility, it is important to stay ahead of the game by meeting WCAG guidelines.

Thinking about Web Accessibility

There are permanent and temporary disabilities, whether they be mental, physical or cognitive, while disabilities can often come in pairs. Ensuring your website is beneficial for as many people as possible will help you reach as many people as possible.

The best way to approach web accessibility is to recognize individual inherent bias. Consider conducting a survey with your users about tools that they would find useful and go from there. To get a glimpse at the diverse array of users and their needs on the internet, check out their stories here.

web accessibility types of disabilities infographic

Implement Accessibility on your Website

Ensuring your website is accessible is not something that can be done once and then it is done. It is important to get as many people within your organization interested in participating to maintain as it is an ongoing process.

Below are some tips:

  • All video and audio clips include captions, subtitles or some sort of transcript.
    • 🌶 Youtube has a helpful tutorial on including subtitles in your videos.
  • Consider providing an audio recording of the text.
  • Make sure that pictures, video content, and merchandise have a descriptive alt-text, which explains what is there so that screen readers can access the information. 🌶 This also helps with your SEO.
  • Provide an enlarged text option with one of many WordPress plugins.
  • Ensure all hyperlinks are underlined.
  • Add a different font color for hyperlinks, but do not only rely on the difference of color.
    • Deep blue is still regarded as the most effective, as most people associate this with a link.
    • Underlining words as a hyperlink also makes it clear for users with visual impairment or even those quickly scrolling through your content.
    • 🌶 Avoid bright font colors or those that don’t stand out against your background.
  • Make it clear that the word or phrase will take them to another page.  Check out this before-and-after demonstration to see the difference it can make!
  • Users should be able to tab through your website and navigate without a mouse.

What accessibility challenges has your organization faced? Let us know by tweeting us @AmDeeLLC! Also, be sure to check our presentation on #a11y for a PDF of these tips and more on how to make your site more accessible.

beginners guide improving seo improving the user experience web accessibility
Thumbnail image
Amar T

You May Also Like

How to create accessible videos for your website

It is no secret that videos grab attention more than words. Despite being able to turn a phrase like nobody else, Shakespeare would still have struggled to compete with a clearly constructed how-to video. People enjoy learning from and sharing videos, and this is no understatement. Simply Measured looked at…

read more >
Nonprofit Web Design: 8+ Tips for Your Website

The ultimate goals of having a nonprofit website are to get the word out about your cause, get the community involved in local events, and of course, collect donations. But to do this, there are some things you have to do, no matter what your organization stands for. High on…

read more >