Accessibility problem in Cookie Settings button

  • Resolved danielvigueras

    (@danielvigueras)


    1 year, 4 months ago

    Hi,

    I’m using a tool that checks the accessibility of my website. The tool is https://accessibe.com/accessscan

    This tool states that the shortcode [setting] to generate the settings button in the cookies banner is not 100% accessible.

    This is the result of the test:

    Requirement:

    Elements that behave as buttons but are built using other tags such as span, div, a or others, should include a “role” attribute that equals to “button”.

    1 Failed Elements

    • <span data-href="#moove_gdpr_cookie_modal" class="change-settings-button" >settings</span>

    Requirement:

    Interactive elements such as links, buttons and form fields should all be navigable using the keyboard by either using a focusable element (a, button, input, etc.) or including the “tabindex” attribute that equals to “0”.

    1 Failed Elements

    • <span data-href="#moove_gdpr_cookie_modal" class="change-settings-button" >settings</span>

    Being an external plugin I can’t update the HTML generated for the button. It would be great if you could fix this accessibility issue and check again using the accessScan tool to see if everything is right.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Moove Agency

    (@mooveagency)

    Hi @danielvigueras

    The “role=button” was added to the settings span element. Please update to the latest version.

    The tabindex=0 attribute will be added only if the Accessibility is set to “Cookie banner” in the Cookie Banner Settings tab.

    We updated the tabindex function to not use values larger than 0, so all tabindex will be 0 if the Accessibility is set to Cookie Banner.

    Hope this helps.

    Thread Starter danielvigueras

    (@danielvigueras)

    Thanks for your quick reply and the plugin update!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Accessibility problem in Cookie Settings button’ is closed to new replies.