Insert ARIA (WCAG 2.1 AA) in dropdown for compliance

  • Resolved NaRanJiTo

    (@naranjito)


    1 year, 8 months ago

    Hi,
    I can’t be compliant with ADA & WCAG because the GTranslate dropdown following errors:

    1. Menu dropdowns should be tagged for assistive technology

    Requirement:
    Menu items that have a dropdown menu include an “aria-haspopup” attribute that equals to “true”.

    1 Failed Elements

    • <span><!-- GTranslate: https://gtranslate.com --></span>

    2. Dropdown expanded/collapsed state should be represented in the code

    Requirement:

    Menu items that have a dropdown menu include an “aria-expanded” attribute that equals to “false” that changes to “true” and back when opening or closing the dropdown.

    1 Failed Elements

    • <span><!-- GTranslate: https://gtranslate.com --></span>

    How can achieve this? What html files should i modify?
    Thanks so much in advance!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter NaRanJiTo

    (@naranjito)

    Hi, yes, i will try to explain as much as i can:

    To get compliant wit WCAG 2.1 AA level, i go to AccesiBe page to get the free compliant audit:

    Page to audit with GTranslate plugin: https://www.casaelpelaire.com
    https://accessibe.com/accessscan?website=https://www.casaelpelaire.com

    Inside results, Menu details (https://prnt.sc/_2gDF8pjJPGu) i got 2 errors from GTranslate plugin:

    1. https://prnt.sc/4yMguaBYJF9L
    2. https://prnt.sc/qsVyIGXjdc7m

    So i want to know what to do to solve that…if i do, i wiill be compliant with WCAG 2.1 AA level.

    Hope i explained well. Thanks so much in advance!

    Plugin Author edo888

    (@edo888)

    Hi,

    I’m unable to open your website to see which language selector you use.

    We have multiple widget looks available. If you use basic ones like Flags, Language names/codes, Dropdown it will be compliant. Other fancy looks like Float, Globe will not be compliant.

    The strange thing is that you are reporting <!-- GTranslate: https://gtranslate.com --> which is a HTML comment and is not visible on any browser and it does not require any attribution to be compliant. I believe something is wrong with the tool you are using.

    Thanks! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Insert ARIA (WCAG 2.1 AA) in dropdown for compliance’ is closed to new replies.