Skip to main content
The accessibility checker is currently available to beta users only.
Visitors who rely on screen readers or keyboard navigation can run into real barriers in a widget: an element with no accessible name, text that fails contrast requirements, and a control with no visible boundary. The Accessibility sidebar lists problems like these in your widget, evaluated against the WCAG 2.1 AA standard, so you can resolve them before the widget goes live. You can run the check at any point while you build the widget.

​
Open the Accessibility sidebar

To open the Accessibility sidebar:
  1. In the Widget Studio toolbar, find the Simulate button.
  2. Click the accessibility icon directly to its right.
Widget Studio toolbar with the Simulate button and, directly to its right, the accessibility icon button
Kameleoon detects and lists the accessibility issues found in your widget.
The Accessibility sidebar in the Widget Studio listing the accessibility issues detected in a widget

​
Fix accessibility issues

You can fix the detected issues in two ways:
  • Fix all with AI: Kameleoon automatically resolves all listed issues.
  • Edit elements manually: Select an affected element in the list and edit it yourself.

​
Add ARIA labels

To help screen readers identify the purpose of each element, use the ARIA label property in the edit sidebar. Enter a short description of what the element does, such as “Close the pop-in” for a close button.

​
Check accessibility before activation

When you activate your widget, a pop-up reminds you to check its accessibility. Run the accessibility checker before activating your widget to confirm it meets the WCAG 2.1 AA standard.