Accessibility Fix: Use role="tab" for banner tabs instead of role="button"
Adam Gierczak
There is a web accessibility issue in the cookie banner that causes an "ARIA attributes do not match their roles" validation error.
Problem: The elements that function as tabs (like the "Declaration" section) are implemented with role="button". However, they also use the aria-selected="true" attribute, which is not valid for the button role. This negatively impacts screen reader users.
Example Code (Incorrect):
<div role="button" id="cookiescript_declaration" aria-selected="true" ...>
Solution: Please change the ARIA role of these elements from role="button" to role="tab". The tab role is semantically correct for this component and fully supports the aria-selected attribute, which would resolve the accessibility error.
Example Code (Correct):
<div role="tab" id="cookiescript_declaration" aria-selected="true" ...>
This is a crucial fix for WCAG compliance and for making the banner accessible to all users. Thank you!