[Accessibility] accessibility checker to flag H1..H6 inside a table header block

0 Likes

Using the RCE It is possible to place a heading (e.g. “h1” .. “h6”) block inside a table header cell. This generates HTML like the following (example) snippet:

 

<tr>

<th>

<h4>SECTION</h4>

</th>

<th>

<h4>INSTRUCTIONS</h4>

</th>

<th>

<h4>IMAGES</h4>

</th>

</tr>

This fails WCAG SC 4.1.1 (Parsing). When there are errors in the grammar/syntax of any markup, it cannot be reliably guaranteed that Ats (like screen readers) or other user agents will render that markup as intended.

Currently the “accessibility checker” in the RCE does not flag the presence of headings inside table header cells as an accessibility issue for authors to remediate.

We request that the “accessibility checker” in the RCE flag the presence of headings inside table header cells as an accessibility issue for authors to remediate.

Tags (3)
3 Comments
KristinL
Community Team
Community Team
Status changed to: Open
 
HaiderAli
Community Member
Author

Two Pictures are shown here:

1. How an editor would currently create this WCAG/AA non compliant situation

2. A marked up copy of the situation

Marked up copy of the situation

Incorrect insert og a h1..h6 into a table header cell

 

ProductPanda
Instructure
Instructure
Status changed to: Archived
Comments from Instructure

As part of the new Ideas & Themes process, all ideas in Idea Conversations were reviewed by the Product Team. Any Idea that was associated with an identified theme was moved to the new Idea & Themes space. Any Idea that was not part of the move is being marked as Archived. This will preserve the history of the conversations while also letting Community members know that Instructure will not explore the request at this time.