LiveChat guide to accessibility

Ola Górska
3 min read
updated: Jun 17, 2021

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?

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.

Perceivable

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.

Operable

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.

Understandable

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.

Robust

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?

The LiveChat Chat Widget is compliant with the WCAG 2.1 AA standard. The Chat Widget and targeted messages 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?

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, targeted messages are. See our guide on how to create a targeted message that is accessible, easily customizable, retina-ready, and whose performance you can track.
While the default eye-catchers are not WCAG compliant, targeted messages are. See our guide on how to create a targeted message 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

Targeted messages: 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. Targeted Messages are like eye-catchers but are more engaging, more personalized, and way more fun. Grab your visitors’ attention with an eye-catcher that is easily customizable, retina-ready, and responsive. You can make use of LiveChat’s targeted messages. LiveChat lets you set automated targeted messages as greetings and announcements to proactively start communication with your customers and invite them to chat.

Read the article

Tips and best practices for announcements

Announcements 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 Team plan features No credit card required

Still not convinced? Discover all LiveChat features

Discover our other products