In Spotler Chat+, you improve the accessibility of the chat widget by configuring color contrast, launcher visibility, zoom behavior, and chatbot dialogs, and by testing these elements before publishing.
What does accessibility mean for the Chat+ widget?
Accessibility means that the Chat+ widget is usable for as many visitors as possible, including users with visual, motor, or cognitive impairments who rely on assistive technologies.
An accessible chat widget is perceivable, operable, understandable, and robust. This means it is clearly visible, easy to use, logically structured, and written in clear and simple language.
On this page, the following topics are covered:
- What does accessibility mean for the Chat+ widget?
- Which settings affect accessibility?
- How do you test the Chat+ widget before publishing?
- What are you responsible for?
- FAQ
Which settings affect accessibility?
Several Chat+ settings directly affect how accessible your chat widget is for users.
Color and contrast
The color settings of the Chat+ widget determine whether text, buttons, and interface elements are easy to read.
- Use sufficient contrast between text and background colors.
- Do not rely on color alone to convey information.
- Avoid low-contrast combinations such as light grey text on a white background.
Configure color settings in the Widget settings.
You can validate your color choices using the Spotler color contrast checker.
Launcher button design
The launcher button is the entry point to the chat widget and must be clearly visible and easy to recognize.
- Use a clear icon or label that indicates the chat function.
- Ensure the button is consistently positioned.
- Make sure the button remains visible on different screen sizes.
- Prevent the button from overlapping important website content.
Learn more in launcher button settings.
Interaction and visibility
Interaction settings determine how the widget behaves during user interaction.
- Enable zoom compliance to ensure the widget remains usable when users zoom the page.
Configure this option in the interaction settings.
Always verify accessibility yourself
Chat+ supports WCAG 2.2 AA compliant functionality, but accessibility depends on how you configure the widget, write your content, and implement it on your website.
How do you test the Chat+ widget before publishing?
Testing ensures that your Chat+ widget is readable, usable, and understandable before it goes live.
Use the testing and preview options described in How can I test my chatbot?.
- Check that text, buttons, and backgrounds have sufficient contrast.
- Test the widget with zoom enabled to ensure content remains accessible.
- Verify that the launcher button is visible and does not overlap important content.
- Review chatbot dialogs for clarity, structure, and logical flow.
- Test the widget on mobile devices or smaller screens.
You can explore an example of the Chat+ widget in use via this interactive demo.
What are you responsible for?
Accessibility within Chat+ depends on how you configure and use the software.
You are responsible for the chatbot content, color configuration, dialog structure, and placement of the widget on your website.
Clear and understandable dialogs
Chatbot conversations must be easy to follow and understand.
- Use short, simple sentences.
- Ask one question at a time.
- Avoid jargon and complex phrasing.
- Use clear buttons or predefined answer options.
Learn more in this article on building dialogs.
Providing human support
Users must be able to reach a human agent when the chatbot does not provide a sufficient answer.
- Offer an option such as “Chat with an agent”.
- Ensure this option is easy to find.
- Place the option consistently within relevant dialog flows.
FAQ
Chat+ supports WCAG 2.2 AA compliant functionality. However, you are responsible for configuring the widget, content, and dialogs to ensure your chatbot meets accessibility requirements.
Start with color contrast. If text and buttons are not readable, users cannot effectively use the widget.
Use simple language, avoid jargon, ask one question at a time, and provide clear answer options.