[ARCHIVED] How can I change my layout table to not flag up the accessibility checker?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hello everyone,
I have a few pages on Canvas that use tables in order to create specific layouts and colours, but I am aware that this can create accessibility issues, including for screen readers.
My tables have been flagged up by my accessibility checker as not containing headers, and I wish there was a feature to tell Canvas "This is a 'decorative table'" similar to images!
I'm aware that you can place table role="presentation" into the code in order to improve the experience for screen readers, but placing this code in my text does not cause the accessibility checker issues to disappear.
Currently, I have 37(!) accessibility issues, all due to tables. An example of my code is this:
---
<table style="background-color: #757477; padding: 30px; height: 1037px; width: 99.6078%;" role="presentation" border="0" width="100%" cellspacing="0">
<tbody>
<tr style="height: 206px;">
<td style="text-align: center; height: 206px; width: 100%;">
<span style="font-family: verdana, geneva;">
</span>
</td>
</tr>
</tbody>
</table>
---
Does anyone know how I can get the accessibility checker to ignore the table, and stop giving me messages like those below?
"Tables should include a caption describing the contents of the table." and "Tables should include a caption describing the contents of the table."
This discussion post is outdated and has been archived. Please use the Community question forums and official documentation for the most current and accurate information.