Website Compliance For Visually Impaired

Website Compliance For Visually Impaired

Published: June 10, 2022

Share via:

According to the World Health Organization, about 285 million people suffer from visual impairments worldwide, where 39 million are legally blind, and 246 million have low vision. They struggle with visual disabilities like poor acuity, tunnel vision, central field loss, and clouded vision. While the visually impaired users’ statistical proportion is small compared to other users who do not have any problems, it’s unfair to them if your website design has ADA compliance issues.

You, in the process, foreclose doing business with this niche market and risk exposing yourself to potential legal problems. This article discloses the importance of having accessible design websites, why websites need to follow WCAG, and a few tips your web designer should use to improve usability for those with visual impairment.

What exactly is WCAG?

The ADA doesn’t have any set ADA regulations. However, most organizations follow the Web Content Accessibility Guidelines, which isn’t a legal requirement but is more like a reference point for organizations for digital accessibility.

There are three versions of WCAG- 1.0, 2.0, and 2.1 with three levels of conformance-

  1. A for bare minimum accessibility
  2. AA accessibility meeting legal requirements
  3. AAA that exceeds accessibility requirements

WCAG guidelines ensure your web page content is:

  1. Perceivable through text alternatives like assistive technologies that let the sight-impaired perceive your website content
  2. Operable with easy navigation through keyboard accessibility so that people with disabilities can easily navigate your website to access the content.
  3. Understandable with readable and predicable content, with electronic and information technology input assistance where required
  4. Robust and easily interpreted by multiple devices and platforms compatible with users’ agents like assistive technologies.

Creating content suitable for individuals with hearing or vision impairment, cognitive, motor disabilities, learning, language, or hearing disabilities access increases upon conforming with these standards.

The importance of an ADA compliant website for the visually impaired

Here are a few compelling reasons to make your entire site accessible to the visually impaired:

A legal requirement

While there are no rules, the Americans with Disabilities Act requires that your website should be accessible to the disabled. According to the Act, commercial websites must conform to specific web content accessibility guidelines.

To avoid potential litigations

You risk getting smacked with a lawsuit for having an inaccessible website. With major corporations like Amazon and Nike facing accessibility lawsuits, it’s no surprise if most companies get hit too.

And if sued, you end up having to spend significantly fighting or settling your case.

For an extended customer reach

With ADA compliance letting millions of people view your site, it makes good business sense to make it accessible. You experience increased web traffic, have more visitors, and potentially increased online purchases.

To avoid losing business from government organizations

There’s the risk of losing new business from conscious procurement departments and federal government entities if you don’t have an accessible website. You also face losing federal funding, contracts, and assistance from federal websites.

To avoid last-minute scrambling to fix your website

If sued for website compliance, courts generally force you to fix ADA compliance issues within a specific date. This often leads to a mad rush to get things done, negatively impacting your priorities and focus.

It’s instead better to be prepared and fix your compliance issues by having an ADA-compliant website instead of being forced into last-minute fixing compliance issues.

To avoid losing customers

With so many people having visual impairment worldwide, you suffer a potential loss of revenue by not doing business with them if your web design isn’t compliant for some reason.

Tax breaks you can claim

Did you know that small businesses can claim a federal tax credit for the expenses incurred to create accessible web experiences for people with disabilities?

As long as your business earns $1 million or less and has no more than 30 full-time employees, you can claim the credit every year. However, it is always better to discuss these things with your tax advisor for better advice and clarity before making claims for your online business.

Which businesses have to comply with the ADA?

About which business websites have to adhere to accessibility compliance, it applies to any company with a minimum of 15 full-time employees operating for 20 or more weeks a year. According to ADA Title III, even companies providing ‘public accommodation in a physical location like hotels, public transportation, and banks must comply.

11 website compliance for visually impaired users

These eleven tips help ensure your website’s accessibility for visually impaired users:

1. Sufficient color and texture contrast

WCAG 2.0 level AA requires that your website have a contrast ratio of 4.5:1 for standard text, 3:1 for large text, and good color contrast between text and background for readability. Using textures or patterns and graphs in visual elements offers an additional scannability layer to differentiate between data points.

2. Restricted use of colors

Too many colors in a design interface make it difficult for people with color blindness and even non-vision impaired user to identify direct actions and links. You can use multiple tools to create the perfect color contrast between text and background. This makes it easy for the color blind and visually impaired to read the text and see color differences.

Color and texture contrast - Restricted use of colors

3. An ability to manually adjust the font size

Various options like magnifying software today provide for better site accessibility to the visually impaired by letting them manually adjust the text size in browser settings. However, those with low vision and older people with age-related vision loss do not use magnifying software and may now know about browser text size adjustment options.

A clear option like a slider, button, drop-down, or anything for altering the font size and manual testing helps make websites friendlier to the visually impaired.

4. Not relying on only colors to communicate significant information

So highlight alerts, warnings, error messages, and actionable page elements like textual links and buttons using more than different colors. For example, most know that an underlined blue text is a link. however, some sites use blue text for emphasizing but do not link out to anything.

So it helps if you use icons, patterns, fill, whitespace, or borders to accompany alerts and actionable page elements. This way, even colorblind users and the impaired will easily recognize primary action cues.

5. Provide keyboard accessibility

A mouse does not help the visually impaired with navigation as it requires considerable hand-eye coordination to use. This is where keyboard shortcuts help make things easier for blind users and those who use screen readers to navigate the site without excessive focus or having to follow the mouse cursor across the screen.

Provide keyboard accessibility - Website Compliance For Visually Impaired

6. Device versatility

Your website should be compatible for anyone to access using any device. So when you design your website, you need to create it while assuming the screen is any size or nonexistent.

7. Providing suggestions and alternatives when users encounter errors

There is always the chance of visually impaired users encountering input errors because of differently navigating your website. As this is the case, you should provide them with recommendations for better website content navigation if this happens.

8. Videos with audio descriptions

Videos should have audio files comprising a speech version of descriptive transcripts. This makes it easier for blind people and those with visual impairments to consume content.

9. Use of proper fonts

It is always better to restrict the number of fonts you use to only one font for body text and one for headlines. Always use sans serif fonts as they are easiest to read and at least a size 12 font.

And if you need to emphasize some standard text, do it with the use of bold instead of italics.

10. Using accessible CTA buttons

As CTAs are essential for marketing success, they should be easily accessible on your website. This means that the text on the button itself should be something anyone can easily read and interpret.

This is why it is always better to use aria labels for buttons, as it provides accurate information and clarity to the visually impaired. It is also always worth manually testing your button accessibility with your website development team to ensure they are fully accessible.

Using accessible CTA buttons - Website Compliance For Visually Impaired

11. Descriptive links and buttons for improved screen readers’ scannability

Link labels like ‘click here’ are a no-no for websites as they have no surrounding text and create a contextless state. Instead, it is better to use descriptive and explicit link labels that provide a better sense of out-of-context benefits for all users.

Besides, descriptive link text improves scannability for users with screen readers or visual impairments and increases the site’s search engine optimization.

Regarding screen-reader accessibility, the blind use it and a browser to surf the web. Screen readers scan and translate web pages into plain text and read each line and element aloud one at a time while progressing down the page linearly.

However, the linear progression can be challenging for blind users to consume, comprehend and scan content. Designing your website for screen reader compatibility using the following tips increases your website accessibility.

a. Using alt text descriptions for non-text content

Screen readers first read images or graphics, say ‘image’ or ‘graphic,’ and then read alternative text descriptions. As it tends to skip and miss images that do not have alt text, you must provide alt text for images and graphics.

As screen readers read the text linearly, always keep audio and video descriptions concise and to the point. Doing this helps get your point across to the visitor using minimal words.

b. Properly organize page content using headings

Screen readers skim pages by jumping from one heading to another to provide the user with an overview of the page’s primary information. They can thus backtrack later and read the most exciting parts as required.

So a lack of headings makes skimming through content virtually impossible. Organizing your content with titles provides an accurate overview of the page content. However, use the proper heading tags like the H2 function instead of just a more prominent or bolder font. Headings should also follow a logical hierarchy with the title or H1 followed by H2 and H3 headings.

c. Use descriptive titles for all pages

Along with headlines outlining content on web pages, websites should have titles aptly describing the page’s topic or purpose. It’s because screen readers announce the ‘title’ element in the HTML code when loading web pages. Screen reader users save time otherwise spent scanning pages to determine their content this way.

Website accessibility don’ts worth knowing

Website accessibility don'ts worth knowing

The following pitfalls in the design can, at times, lead to the final website design unknowingly excluding visually impaired users:

1. Using older, dynamic content

Older and inaccessible dynamic content like Flash can be a barrier to assistive technology users.

2. Forgetting to add text descriptions

Do not forget to insert text descriptions for images, links, and other graphic elements.

3. Absence of non-visual orientation cues

Progress bars or navigation tools for progressing through a user’s journey should be visible and contextually understandable for screen reader users.

4. Inconsistency in navigation

Maintaining consistency in your website provides for easy navigation. Any inconsistency can confuse screen readers and make them think they are making mistakes.

5. The absence of a full keyboard or switch use

Some assistive technology users can or prefer using keyboard only or switch devices where the user only has a binary switch. Not accounting for these users can make your website inaccessible to them.

Liability for non-compliance with web content accessibility guidelines

Not complying with the ADA can lead to many problems like:

  1. Leaving your business susceptible to lawsuits you are forced to comply with can also get expensive.
  2. Having to bear the costs of website compliance and attorneys’ fees that can run to tens of thousands of dollars depending on the state.
  3. The risk of losing out on business and missing sales opportunities as users cannot navigate your website or find it challenging to complete online forms.
  4. A reduced search engine ranking as ADA compliance makes it easier for search engines to crawl and index your website for improved online visibility.

Frequently Asked Questions

These are a few questions frequently asked about ADA website compliance for the visually impaired:

1. Is ADA compliance mandatory for websites?

It is not mandatory because it’s unclear how or even if ADA rules apply to any website. However, WCAG forms the backbone of most worldwide online accessibility laws, and WCAG 2.0 Level AA guidelines are a robust model to follow to provide equal access to everyone.

But, as many states have their accessibility laws, it is always better to be careful in ensuring website compliance. And as there are no clearly defined regulations to follow, it’s not worth taking the risk with compliance issues just because you assume that a court will rule in your favor.

2. What is an ADA-compliant website?

An ADA-compliant website is a website that meets the WCAG 2 web accessibility standards. Though there are multiple levels of compliance- A, AA, and AAA, your site needn’t comply with all levels but should comply with at least one level.

Compliance should include:

  • Having content suitable for screen readers
  • Having hyperlinks that stand out for the colorblind to distinguish easily
  • Incorporating appropriate text with links for the visually impaired users to know where the links go
  • Ensuring all website tasks are doable with keyboard-only commands and do not require a mouse
  • Including alt text into code for all site images

3. Are websites covered by the ADA?

No, as there is no specific coverage under the ADA law, the court usually determines if ADA standards apply to the website or not.

Share via:

    Test Your Website For Compliance

    This site is protected by reCAPTCHA and the Google Privacy Policy and Google Terms of Service apply.


    Have a question?

    We’re always here to help.