Pricing
Go to app
User Name
Upgrade Help Center

LiveChat guide to accessibility

Ola Górska
3 min read
updated: Nov 15, 2023

At LiveChat we know that making the Chat Widget accessible to all visitors to your website is key. That’s why we’ve made the Chat Widget WCAG compliant.

Increasing accessibility means expanding the reach of your products and services. This improves not just the number of chats, but also chat satisfaction. No one would intentionally make their customers jump through hoops to get in touch, and we’ve just removed another hoop between you and your customers. This is just good business.

What is WCAG?Link icon

Web Content Accessibility Guidelines help companies make sure that their web content is accessible to everyone regardless of their access requirements. There are 12 guidelines organized around four principles: Perceivable, Operable, Understandable, Robust, also referred to by the acronym POUR.

PerceivableLink icon

Make sure that the content of your website can be perceived with more than one sense. If it is visible, make sure it can be audible. If it is audible, make sure it is visible, e.g., add subtitles to video materials with voice-over or dialogue.

OperableLink icon

It should be easy for every user to navigate your website, and your user interface (UI) should be aimed at this goal. Make sure there is an option to access elements of your website with a keyboard in case some of your customers are not using a computer mouse or other pointing devices.

UnderstandableLink icon

Make the content and navigation of your website easy to understand. Make your copy straightforward and to the point, avoid jargon or long, complicated sentences. Structure the elements of your website in a natural and logical way to ensure accessible navigation.

RobustLink icon

Make sure your website is designed and developed to work in various browsers. Test it on different computers, tablets and smartphones, as well as various browsers. Make sure it’s compatible with different assistive technologies.

LiveChat’s mission is to break down barriers in communication. We always aim to improve the end-user experience and help you reach more customers.

What have we done to make the LiveChat Chat Widget WCAG compliant?Link icon

The LiveChat Chat Widget is compliant with the WCAG 2.1 AA standard. The Chat Widget and campaigns are now

  • fully keyboard-accessible, which means that customers don’t have to use a mouse or touchpad to interact with the Chat Widget; they can access all its elements via a keyboard.

  • accessible to text-to-speech readers, which makes the Chat Widget accessible to visually impaired customers.

  • all default colors that can be customizable have a contrast score of 4.5 or higher.

    All default colors that can be customizable have a contrast score of 4.5 or higher

Our VPAT (Voluntary Product Accessibility Template) can be viewed here.

How to make your Chat Widget WCAG compliant?Link icon

The great news is, you don’t have to do anything. We’ve done all the necessary back-end changes to ensure that the widget is keyboard accessible and text-to-speech reader-friendly. What’s more, we’ve made all the default color settings WCAG compliant by default. If you are using any of our default theme colors, you don’t have to do anything.

LiveChat Agent app Settings open on the Chat Widget Customisation section.

If you have used the More color settings option, make sure to follow the guidelines for contrast.

While the default eye-catchers are not WCAG compliant, campaigns are. See our guide on how to create an eye-catcher that is accessible, easily customizable, retina-ready, and whose performance you can track.
While the default eye-catchers are not WCAG compliant, campaigns are. See our guide on how to create an eye-catcher that is accessible, easily customizable, retina-ready, and whose performance you can track.

Was this article helpful?

Got it!

Thanks for your feedback.

Thank you!

We’re happy to help.

RELATED ARTICLES

Campaigns: An eye-catcher that can do more

Eye-catchers help you get more chats by drawing your visitors’ attention to the chat widget on your website. Campaigns can be used as eye-catchers but are more engaging, more personalized, and way more fun. Make use of LiveChat’s Campaigns and grab your visitors’ attention with an eye-catcher that is easily customizable, retina-ready, and responsive. LiveChat lets you set automated campaigns to proactively start communication with your customers and invite them to chat.

Read the article

Tips and best practices for one-time campaigns

One-time campaigns are a customer engagement feature that can help you create urgency. They are displayed to each customer once per lifetime, so the customer can either jump on the opportunity they announce then and there, or they can start a chat to find out more. It really is a win-win situation.

Read the article

Start using LiveChat now!

Free 14-day trial AI-driven features No credit card required

Still not convinced? Discover all LiveChat features

Discover Text products: