Jump to content

Weglot language switcher is not WCAG 2.0 compliant

Recommended Posts

Posted

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: image.thumb.png.62aaaccce895c8e6a7af830920aea5e4.png

 

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.

  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

As a first step, I recommend getting in touch with Weglot support.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.