The “close” button in the cookie panel is not keyboard accessible

  • Resolved Rick Curran

    (@rickcurran)


    2 years, 3 months ago

    Hi, I work on a site which has recently undergone some accessibility testing and an issue was found with the “close” button which highlighted that the button is not keyboard accessible. In my own testing I have also found this to be true. I’m not sure if this is the lack of a “tabindex” attribute on the link or a side effect of it having the role="button" attribute.

    The button markup as rendered on this site shows as follows:

    <a role="button" data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn" style="margin: 10px; color: rgb(255, 255, 255); background-color: rgb(0, 185, 185);">Close</a>

    Could the markup for this be modified to make it keyboard accessible please?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WebToffee

    (@webtoffee)

    Hi @rickcurran,

    Greetings from Webtoffee!

    The plugin is not currently accessible from the keyboard. We are working hard to bring accessibility improvements to our plugin. With the current structure of the banner, it is difficult for us to implement it. Since the changes required will affect the existing user’s banner so we are carefully looking for an alternative solution.

    Thread Starter Rick Curran

    (@rickcurran)

    Hi, thanks for the reply, I appreciate there may be a potential impact on existing uses of the plug-in, however I think the fix may just need to be the addition of ‘tabindex=“0”’ to the button markup. This change shouldn’t have any impact on any existing uses of the plug-in (other than improving keyboard access!).

    I would note that the other button / link that is rendered in the banner (“Learn more about Cookies”) is actually keyboard accessible so there must be some reason why this other button / link is not.

    Thanks again for replying!

    Plugin Author WebToffee

    (@webtoffee)

    Hi @rickcurran,

    We will consider this change in the plugin while going with the next update of the plugin. Thanks for your valuable suggestion.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The “close” button in the cookie panel is not keyboard accessible’ is closed to new replies.