accessiBe Help Center

How to adjust accessibility settings with accessWidget

  • Updated

accesssWidget gives visitors the option to make manual accessibility adjustments that support their individual needs. These adjustments are session-based, meaning they only affect the visitor's experience during their time on your site. Your site’s design and layout remain unchanged for everyone else.

This flexibility makes sure that all users can customize their browsing experience without impacting how others interact with your site.

accessWidget also offers a set of pre-built accessibility profiles, groups of tailored adjustments designed to support users with specific disabilities or access needs. These profiles gives users a quick way to personalize their browsing experience without need to adjust settings individually.

While each profile applies a set of tailored adjustments automatically, users can also add extra adjustments for full customization.

To make accessibility adjustments, 

Content adjustments

Change how text and page elements are displayed.

  • Content scaling: Use the arrows to increase or decrease the size of all page content.
  • Readable font: Switch to a font designed for better legibility.
  • Highlight titles: Add a rectangle around page titles for quick scanning.
  • Highlight links: Add a rectangle around links to make them easy to identify.
  • Text magnifier: Hover over text to magnify it.
  • Adjust font sizing: Increase of decrease the text size.
  • Align center: Center align all text on the page.
  • Adjust line height: Increase of decrease the line height.
  • Align left: Left align all text on the page.
  • Adjust letter spacing: Increase of decrease the space between letters.
  • Alight right: Right align all text on the page.

Color adjustments

Modify contrast, saturation, and colors to improve visibility.

  • Dark contrast: Apply a dark background with light text.
  • Light contrast: Apply a light background with dark text.
  • High contrast: Maximize contrast between elements.
  • High saturation: Increase the intensity of colors.
  • Adjust text colors: Choose a text color.
  • Monochrome: Change the page to use monochrome colors.
  • Adjust title colors: Choose a title color.
  • Low saturation: Reduce the intensity of colors.
  • Adjust background colors: Choose a page background color.

Orientation adjustments

Mute sounds, hide images, and pause animations.

  • Mute sounds: Deactivate sound on the site.
  • Hide images: Remove images from view.
  • Read mode: Simplify the page layout for easier reading.
  • Reading guide: Add a horizontal line to follow text while reading.
  • Useful links: Jump directly to a link from the list.
  • Stop animations: Pause moving, blinking or flashing content.
  • Reading mask: Dim parts of the screen to focus on a specific section.
  • Highlight hover: Highlight the section of the page under the cursor.
  • Highlight focus:  Highlight elements in focus while navigating.
  • Big black cursor: Changes the cursor to a large black arrow.
  • Big white cursor: Changes the cursor to a large white arrow.

See also

What are accessibility profiles in accessWidget?

Was this article helpful?

4 out of 4 found this helpful