Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

Web Accessibility (WAI)


May 27, 2021 Site quality


Table of contents


Web Quality - Accessibility (WAI).


Websites that can be used by people with disabilities can be called an easy-to-use (accessible) website.

People with disabilities are those with disabilities or who are unhealthy.


Web Accessibility Initiative - WAI

WAI (launched by W3C in 1997) is a series of guidelines for web developers, creators, and designers - on how to make content easier for people with disabilities.

The goal of these guidelines is ease of use, but they also help make web content available to more browsers (voice browsers, mobile phones, handheld devices), and more users working in difficult environments (non-handheld, bright, dark, low vision, noise, etc.).


Is WAI important to your website?

That's right.

Millions of people with disabilities surf the Web every day, and even more than a million people are using bad browser devices or working in difficult environments.

If your site lacks things like adjustable font sizes, graphics with text descriptions, and easy navigation, those people can't access your information.

In fact: your site deprives these people of their rights.

Other reasons to make your website more easy to use are:

  • Can enhance the reputation and image of the site
  • Can improve household satisfaction
  • Increases the number of visitors
  • Increases the length of time visitors spend at the site
  • Increases the number of visitors' return visits
  • It can also increase availability for people without disabilities
  • You can increase availability for visitors who turn off graphics
  • Increased availability for people using older devices
  • Make your site serve the fastest growing population: the elderly

Use an adjustable font size

Use a relative font size so that users can use the browser menu to change the default font size.

Can you read it?

Can you read it?

Can you read it?

Can you read it?

Web Accessibility (WAI) You can change the font size by selecting View - Text Size in your browser menu.


Use the "alt" property

The alt property allows you to provide a corresponding text for the image (or for other elements).

Instance:

<img src="images/banana.jpg" alt="Banana">

Sometimes the browser will not be able to display the image. Specific reasons are:

  • The user turned off the image display
  • A browser is a mini browser that does not support graphical display
  • The browser is a voice browser (for blind and visually sighted people)

If you use the alt property, the browser can at least display or read a description of the image.