Accept button is nor keyboard accessible

  • Resolved Rick Curran

    (@rickcurran)


    8 months ago

    Hi, the Accept button for the cookie banner is not keyboard accessible. The button is an “a” element with role="button"` but it needs tabindex=”0″ added to enable it to be accessed via the keyboard. I have tried adding this attribute using some JavaScript but whilst this works and enables the user to use the keyboard to access it the more critical issue is that the actual “accept” functionality does not work via the keyboard but will only work with mouse click / tap interaction.

    Is there a way this can be updated or a way I can override / fix this behaviour? It has been flagged during an accessibility assessment so I need to find a way to resolve the issue.

    Thanks for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Rick Curran

    (@rickcurran)

    <EDIT> Sorry, I had mistakenly referenced an older support thread I had thought related to this but I was mistaken.

    Plugin Support CookieYes Team

    (@cookieyesteam)

    Hi @rickcurran,

    This issue has been already addressed in the revamped version of our plugin. Please refer?this thread?to know more about the revamped version and the steps to follow to migrate from legacy to the revamped one.

    Thread Starter Rick Curran

    (@rickcurran)

    @cookieyesteam Thank you for directing me to that thread, I have now been able to migrate from the legacy version.

    The only minor issue I encountered is with the markup for the main Cookie Notice text, the “Cookie Policy” link text is rendered within the paragraph of the Cookie Notice text. This prevented me from styling the banner in the same way as I had it working pre-migration, previously I had the “Cookie Policy” link rendered more as a button below the main text, but this was not so easy to do as it would be if this link was outside the paragraph of text. However, with the main focus to get the cookie banner keyboard accessible I have just gone with a simpler layout.

    Thanks again for point me to the migration process.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Accept button is nor keyboard accessible’ is closed to new replies.

Tags