Chat widget accessibility — landmark regions and SVG accessible names
S
Sandra Garcia
A previous request titled “Chat widget accessibility” was marked Completed, and the alt text on the avatar image was indeed added — thank you. However, two accessibility issues remain in the widget that weren’t covered by that fix.
- Widget content sits outside landmark regions. The avatar image and the prompt text (“Hi there, have a question? Text us here.”) are not contained within any defined landmark region. Screen reader users who navigate by landmarks cannot reach the widget at all. Wrapping the widget in a region with an appropriate role and accessible name would resolve this.
- SVG elements inside the widget are missing accessible names. Two SVGs in the widget’s shadow DOM have no <title> child element and no aria-label, so assistive technology announces them as unlabelled graphics. The other 33 SVGs on our own site are all correctly labelled — these two are the only failures, and they’re inside the widget.
Because the widget renders in a closed shadow DOM, neither issue can be fixed from the site side. We confirmed this with HighLevel support today, who advised submitting it here.
We run two client sites using the widget and both fail the same two checks in every accessibility audit. This affects every HighLevel client using the chat widget, not just us.
Log In