Add TH tags to cookie declaration inside of cookie banner
Hello,
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.
Would it be possible to replace the TD's inside of the THEAD tag with TH's instead? This would address this accessibility issue, as well as making it easier for those of us with custom implementations to address some issues with the current table not being responsive -- adding TH tags would allow us to use some custom JavaScript to turn the single table into a list of tables.
Thank you!
Please sign in to leave a comment.
Comments
1 comment