WIP: Accessibility issue: Bricks Google Map marker labels do not inherit the document language and are mispronounced by screen readers

Hello Bricks team,

I’ve encountered an accessibility issue with the Google Map element / Map Connector in Bricks that appears to be internal to the way markers are rendered.

Environment

  • WordPress site language: Greek

  • correctly output on the page
  • Screen readers (tested with NVDA / VoiceOver) correctly read all other content in Greek

  • Issue affects only Google Map marker labels / marker text

Issue

When I set a Greek label in:

  • Google Map element → Marker Label

  • Google Map Connector → Label

the screen reader reads the text as English, spelling Greek letters individually (e.g. “Greek letter Kappa…”) instead of reading Greek phonetics.

Could you please:

  1. Confirm whether this is a known limitation of the Bricks Google Map implementation

  2. Advise if there is a supported way to set marker language explicitly

  3. Or consider adding automatic language inheritance / lang support for marker labels (important for WCAG 3.1.2 – Language of Parts)

This is currently the only WCAG issue left on an otherwise accessible page.

Hi @jorgoiliakopoulos,

Could you please share a link to a page with this issue? I wasn’t able to replicate the issue locally. I tried “Καλωσήρθατε” and VoiceOver read it as “Kalosírthate”

Just to add more context from my side:

The site is being developed locally using Flywheel, however you can fully access and test it here:
:backhand_index_pointing_right: https://arfaras-home.swev-io.uk
I’ve created a Cloudflare Tunnel so the page is publicly reachable for testing.

I can confirm that when the Google Map marker is set to use an image, VoiceOver does not pronounce Greek labels correctly. Instead, it reads the label using English phonetics, spelling the characters rather than reading them as Greek words. This is something I’ve already verified in multiple tests and also discussed previously.

Please note that:

  • The entire website is correctly set to Greek (lang="el")

  • All necessary settings for Greek language and accessibility are in place

  • Every other part of the site is announced correctly in Greek by screen readers

  • The issue seems isolated specifically to map marker labels when the marker is an image, suggesting the document language is not inherited in this case

Everything else works as expected — this is the only remaining accessibility inconsistency I’ve identified.

Happy New Year :tada: and best wishes for the new year!

Thanks in advance.

Hi @jorgoiliakopoulos,

Happy new year to you too :slight_smile:

The site seems to be currently down:

The website is built locally using Flywheel and was made accessible via a Cloudflare Tunnel. I was traveling over the past few days, which is why you were unable to access it. I apologize for that inconvenience. The website is now live and accessible again.

Thanks seems to be up now, but I don’t see a map element on the homepage. What page contains the map shown in your screenshot with the issue?

Hi! Here’s the link to the map where you can see the pins and try out the voiceover:

https://arfaras-home.swev-io.uk/enoikiaseis-akiniton/

Hi @jorgoiliakopoulos,

Thank you :slight_smile: It seems like I’m able to replicate the issue on that page only sometimes, not for all labels. Doesn’t seems like there’s something we can do on our end other than providing a new map setting to allow you to set the Google maps element locale to a fixed language. Currently the Maps JavaScript API uses the user’s preferred language setting as specified in the browser: Localize the Map  |  Maps JavaScript API  |  Google for Developers. With a locale setting, you may force it to be rendered in Greek, no matter the user’s browser language settings.