Cookiebot don't support accessibility standards WCAG 2.0
Answered
Dear Support Team
For the implementation on a customer site, since 2.5 month we have already placed several requests with you, but recently we not received any solutions.
According to your website you support W3C's accessibility standards WCAG 2.0 and WAI-ARIA (https://www.cookiebot.com/en/functions/):
Support of accessibility standards
To accomodate users that use assistive software such as screen readers Cookiebots consent banner supports W3C's accessibility standards WCAG 2.0 and WAI-ARIA.
Our customer was checked by the company Accessible360 (https://accessible360.com/) and the following problems of the Cookiebot were found:
1. Cookie Banner -> Ensure this content is accessible for screen reader and keyboard users. Examples of some inaccessible features are this modal is not labeled properly, keyboard and screen reader focus is not set into the modal when it opens, closing the modal does not set focus back to the element which opened it, the checkboxes within the modal lack <fieldset> and <legend> elements.
2. "Your consent applies to the following domains:" through "Consent date:" -> Mark this up as a description list.
3. "Necessary", "Preferences", "Statistics", and "Marketing" checkboxes -> Wrap this checkbox set in a fieldset and wrap the text labeling the set of checkboxes in a <legend> tag. Ensure that the legend tag is the first child of the <fieldset> that it labels. (Part of request 1)
4. "Cookie declaration / About cookies" tabset -> Mark these up as tabs. See the related Knowledge Base article for more information.
5. "Cookie declaration" tab > "Preferences" tab -> Give the element wrapping the tab panels a tabindex="0" attribute so keyboard users can move focus to a tab panel. This will allow them to utilize keyboard controls, such as up/down arrows and page up/page down, to navigate to through content within the tab panel window.
We would be very pleased about any feedback.
Best regards
Björn
-
I just spent a ton of time getting a website ADA Compliant using Wordpress, Premium Theme and using no AI Overlay. I installed this plugin to satisfy this other thing, got signed up and now I see that the plugin is giving me errors... not cool! We need these items fixed ASAP, at least the basics:
FORM LABELS ARE PRESENT BUT EMPTY x8 errors in standard install.
What It Means
A form label is present, but does not contain any content.Why It Matters
A <label> element that is associated to a form control but does not contain text will not present any information about the form control to the user.How to Fix It
Ensure that the form label contains text that describes the function of the associated form control. Labels are not required for image, submit, reset, button, or hidden form controls. If a label is not necessary visually, a descriptive title attribute may be added to the form control.1 -
Hi Tommy
These labels should all be marked up with aria-hidden='true' and will not present an issue with assistive technology.
Björn, we have a longer dialog going in the ticket you logged, I will be sure to follow up with you.
0
Post is closed for comments.
Comments
2 comments