Web Content Accessibility Guidelines (WCAG) covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content more accessible to a wider range of people with disabilities, including accommodations for blindness and low vision, deafness and hearing loss, limited movement, speech disabilities, photosensitivity, and combinations of these, and some accommodation for learning disabilities and cognitive limitations; but will not address every user need for people with these disabilities. These guidelines address accessibility of web content on desktops, laptops, tablets, and mobile devices. Following these guidelines will also often make Web content more usable to users in general.

Some additional points to be aware of below:

Interaction timing - Offer viewers enough time to select the pin

Audio description - Audio description to include the main audio track in it to allow for improved experience for the viewer

Colour contrast - A minimum colour contrast ratio of 3:1 is needed to allow viewers to clearly see. This is applicable for non-text elements such as button background colour contrast to the focus indicator, image carousel previous and next buttons and video control bar

Text contrast for button - WCAG 2.1 checkpoint 1.4.3 is for colour contrast, which is 4.5:1.

As far as contrast ratio is concerned, it must at least be:

  • if text is not bold and its size is less than 18pt: 4.5:1

  • if text is not bold and its size is at least 18pt: 3:1

  • if text is bold and its size is less than 14pt: 4.5:1

  • if text is bold and its size is at least 14pt: 3:1

Did this answer your question?