Hi everybody,
I'm working on a hotel page that needs to be multilingual and WCAG 2.0 Guidelines (for accessibility) compliant. However, when I test my page through a validator (https://achecks.org/checker/index.php), I get an error on non-unique ids on the page. More specifically the
multilingual-language-picker-desktop
id which is the language switcher controlled by Squarespace and Weglot. It seems to have a mobile and desktop version and both use the same id 🤦♂️. I haven't really found a way to change the language switcher to comply with WCAG 2.0. CSS cant be used to change the id, Javascript can but runs after rendering the page and doesn't seem to make it pass, I guess it's all about the source code.
Here is the complete error for reference:
Any help on how to fix this? I have to find a way to make it compliant and i would love to avoid moving the site to another platform just for this.