I am working on a custom implementation of the cookie banner, attempting to solve some issues with responsive design and accessibility.
I am pulling in the cookie declarations into my cookie banner using the following shortcodes: [#COOKIETABLE_NECESSARY#], [#COOKIETABLE_PREFERENCE#], etc. These shortcodes pull in a table listing the various cookies. However, this table is inaccessible for screen readers because the table cells in the THEAD are using the TD tag instead of the TH tag.
If you test the cookie banner on https://www.cookiebot.com in a screen reader, when the screen reader reads out the table cells from the table, the screen reader does not properly read out the current column along with the contents of the table cell. This causes the table to not be in compliance with WCAG 2.0 SC 1.3.1 Info and Relationships.
Please sign in to leave a comment.