# Accessibility

Section: Security & Legal Matters

Description: What WCAG is and how Tidio supports accessibility: screen readers, keyboard navigation and chat widget colors with automatic text contrast.

Verified against Tidio panel 12.304.0

Last updated: 2026-11-07

Source: https://help.tidio.com/articles/accessibility/

At Tidio, we believe that everyone should have equal access to our platform. This article will help you understand what WCAG is, how it affects Tidio, and what we're doing to make our platform more accessible for all users.

 



 

In this article, you'll learn:

 

- [What is WCAG?](<https://help.tidio.com/articles/accessibility/#h_01GRBXQ2HMR1NFH3EW45X08XM0>)
- [How Tidio makes the platform accessible](<https://help.tidio.com/articles/accessibility/#h_01GRBXQ8BKAX2Y0RHFF6PRC2C5>)

 



 



 

## What is WCAG?

 



 

WCAG is a set of international guidelines for making web content more accessible to people with disabilities. These guidelines cover a range of accessibility issues, including screen reader support, keyboard navigation, color contrast, and more. By following these guidelines, we can ensure that everyone, regardless of ability, can use Tidio with ease.

 



 

## Accessibility in Tidio

 



 

#### Screen Reader Support

 

Tidio supports screen readers, allowing users with visual impairments to use our platform easily. This helps our users to navigate and find the information they need.

 



 

![A chat conversation appears beside an animated speaker symbol representing screen-reader audio.](<https://help.tidio.com/article-media/accessibility/legacy-7607447860636.webp>)

 



 

#### Keyboard Navigation

 

Tidio also supports keyboard navigation, making it easier for users with mobility impairments to use our platform. By using the TAB key, users can easily navigate through the different sections of our website, making it easier to find what they need.

 



 



 

#### Color Customization

 

We understand that some of your visitors may have difficulty reading text with low contrast. That's why you can adjust the colors of your chat widget and keep its text easy to read. Head over to **Settings \> Live Chat \> Appearance** and choose a **Background color** in the **General** section:

 



 



 ![Settings \> Live Chat \> Appearance, General section, with the Background color dropdown open showing the preset options (Color 1, Color 2… and Gradient options) and Pick your color at the top, and the widget preview on the right](<https://help.tidio.com/article-media/accessibility/49.1.png>) 



 



 

You can select one of the pre-made color schemes, or **Pick your color** to set a custom one. With a custom color, the text automatically adjusts its color for optimal contrast - as the tip says, "We chose the best contrast for the selected background color. You may manually set the tone at any time." You can still change it in **Text color**:

 



 



 ![Settings \> Live Chat \> Appearance, General section, after picking a light custom background color: the Text color field below Background color, the tip "We chose the best contrast for the selected background color. You may manually set the tone at any time." with Ok, got it\!, and the widget preview on the right with dark text on the light background](<https://help.tidio.com/article-media/accessibility/49.2.png>) 



 

💡



**Please note:** These colors change how your chat widget looks to your visitors. The Tidio panel your agents work in doesn't have its own color or contrast settings. Learn more about the widget's look in [Customize your chat widget](<https://help.tidio.com/articles/customize-widget/>).

 



 



 

At Tidio, we're committed to making our platform accessible to everyone. By supporting WCAG, we're moving towards a more inclusive and accessible web. If you have any questions or concerns about our accessibility features, please don't hesitate to contact us.
