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.
Post is closed for comments.