Duplicate ID when multiple language switchers are present on the same page

  • Resolved dominicht

    (@dominicht)


    1 year, 8 months ago

    Hi,

    I recently started using your service and I noticed some accessibilities issues when doing https://pagespeed.web.dev/ tests on the website. First of all, if I enable more than one language switcher on my page (ex: header and footer), I will get duplicate IDs on the page id="weglot-language-en".

    Furthermore, I got the following issues:
    “Elements with an ARIA?[role]?that require children to contain a specific?[role]?are missing some or all of those required children.”

    The item in question is the following:
    <aside class="country-selector weglot-inline weglot-widget weglot-widget-block" tabindex="0" aria-expanded="false" role="listbox" aria-activedescendant="weglot-language-fr" aria-label="Language selected: French">

    Seems like each child of a role listbox should have a role of option, which isn’t the case. See this article for more detials: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role

    Thanks

Viewing 1 replies (of 1 total)
  • Plugin Contributor Edson Galina Fortes

    (@glx77)

    hi @dominicht ,

    hope you’re fine ? Sorry for the issue you’re facing and thanks for your feedbacks it’s help.

    I’ve make this two improvement :
    1- remove the id (we don’t use it anymore)
    2- add the role option to the li present into the <aside> with the role ‘listbox’

    It will be deploy on the next release

    Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Duplicate ID when multiple language switchers are present on the same page’ is closed to new replies.