Accessibility consent bar

Privacy
1

  1. Two things, wouldn’t it be nice have a category about Accessibility on this community?

  2. And concerning this accessibility I found that the close button is not a button so it is not focusable. Is it possible to make this a button? Or is this a bug and should I post this somewhere else?

2

Hi Joost,
thank you for your comments. We will have a closer look at the accessibility of our product.
When it comes to the close button on the consent bar - let me speak with the respective team of developers to have a look.
Tymek

3

Having the button would be a great first step. I’ll try to create some code for it in the meantime to make the span work as a button but let me know if the button is implemented.

And let me know if you need help testing the banner and modal on accessibility issues. I would be glad to help.

4

All right, stay in touch @svds!

5

I’m not able to add js to fix this issue because there are to many options to work with. Any news on this? Shouldn’t be to much work to change a span in to a button. I really want to use Piwik but without this my accessible website is not accessible any more.

6

Hi there!
I am also struggling with several WCAG issues of the consent bar.

  • The X for closing the bar or the popup should have an aria label “Close” for screen readers.
  • The X for closing does not get focus when tabbing by keyboard through the page
  • When navigating by keyboard through the page, the cookiebanner should get focus first, before all the links on the page.
    How can I solve these issues?
    Thanks in advance!
7

Hi Bernard,

First off all it’s to bad to hear these problems are still present. I’ve send an e-mail with all improvements to them about a year ago. @pp.support can you please fix these problems, this makes it easier and better for governments to use your tool.

I have a fully working and accessible version of the piwik consent message. I use custom html, js and css to manage this. And load the html part before all other content on the page to get it to be focussed first.

My code is not suitable for everybody so I made a none tested version to use: Transfer - Dropbox

8

Hi Joost,
thanks a lot! I am working on a Drupal site as well, what a coincidence…

9

Oops did I leave Drupal traces…:grin:.
Let me know if you need help with anything.

10

Hi Joost, hi Tymek,

so far I did not get the custom code running. And I am indeed disappointed that there are serious accessibility gaps in the standard consent bar, like the option to navigate by keyboard with the focus for the buttons, the aria labels and the use of headers where appropriate.
I think I will switch to Drupal’s cookies management instead, which is accessible by default.

11

Hi Bernard, Hi Joost,

I apologize for the lack of response. We have revisited this issue. I have shared the information (including that from last week) with the development team, and we are exploring the possibility of implementing improvements.

1 Like
12

As a government agency, we would also like to make full use of the cookie bar. An accessibility test conducted by a certified testing company found some accessibility findings. For example, the cookie bar is (still) not fully accessible with the keyboard. Just like @BernhardK mentioned.

Is there a prospect of an accessible cookie bar in the near future?

1 Like
13

Hi All, thanks for the info sofar, @pp.support is there any progress on this issue? It seems the solution is there and only needs to be implemented?

14

Seconding @Webredactie and @BernhardK , one of my clients recently had an accessibility test done on their website, and several issues arose from the cookie bar concerning accessibility. Their findings were:

  • No text alternative for the close button, language switch or switch buttons. They also lack an explicit role.
  • The buttons are not focusable with the tab button.
  • No UL/LI elements were used to make up the list.
  • The checkboxes under ‘hide consent details’ are not focusable, nor do they give a status when they have been checked/unchecked.
  • The default styling on the buttons and links lacks sufficient contrast.

Any update on this would be much appreciated.

15

Any updates on this issue?