Need some help  with accessiBe?
Find your answers  here!

How do blind people use accessWidget?

Challenges on the web

Websites are visual representations of coding structure and elements. Whatever you see on a screen has been implemented within the code. For visually-abled people, this allows us to overlook a website's code as long as what we’re seeing on the screen makes sense.

Blind people navigate the web using a technology called a screen reader. A screen reader is an assistive technology that is used by blind people to use computers in general and also the web.  

A screen reader “bypasses” the visual screen and goes straight to the code to essentially examine and then relay back to the blind user what is being represented on the screen. 

Therefore, it’s essential that a website’s code properly reflects what is being viewed on the website. However, there are different ways to code certain elements (such as a menu or dropdowns) that will all look the same to a visually-abled person. For a blind person who can’t recognize a globally recognized structure of an element, they could get misled about a website’s content.

For example, think about images on a website. Many times images are used to symbolize a category on a website or to reveal a new sale that has been launched. So visually-abled people will be able to read the text “Children’s clothes” or “30% off kitchen supplies” on the image but blind people will just hear “graphic”. 

How accessWidget helps

accessWidget uses AI to scan a website and understand all of the elements on a page. The contextual understanding technology understands the purpose of every element, the way it’s coded, and also how the end-user is meant to perceive it. Then accessWidget automatically adjusts the website's code to ensure that the screen reader will understand exactly what the blind user needs to know.

  • ARIA attributes are automatically added for context and behavior-related adjustments to optimize elements in the most comprehensive and efficient way. For example, determining main menus, header structure, and recognition of important icons.
  • Alternative text is added automatically to images using robust image recognition technology to add elaborate and accurate descriptions to all images.
  • Screen reader text is automatically added to help the screen reader describe certain actions and areas based on the context of a website