You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If you have a table with empty cells, those cells can get converted to tags for the small version of the table. This can cause pages using the script to fail Section 508 compliance checks. An example table:
<table>
<tr>
<td> </td>
<td>
This is some table content
</td>
</tr>
</table>
Running Stackable.js results in this:
<table class=" stacktable small-only"><tbody><tr class=" "><th class="st-head-row st-head-row-main" colspan="2"> </th></tr></tbody></table>
<table class="stacktable large-only">
<tbody><tr>
<td> </td>
<td>
This is some table content
</td>
</tr>
</tbody></table>
That empty <th class="st-head-row st-head-row-main" colspan="2"> causes 508 validation errors. Perhaps the <td> could only be converted to a <th> if it's not empty? Or have an option to ignore empty <td> tags to maintain 508 compliance?
The text was updated successfully, but these errors were encountered:
If you have a table with empty cells, those cells can get converted to tags for the small version of the table. This can cause pages using the script to fail Section 508 compliance checks. An example table:
Running Stackable.js results in this:
That empty
<th class="st-head-row st-head-row-main" colspan="2">
causes 508 validation errors. Perhaps the<td>
could only be converted to a<th>
if it's not empty? Or have an option to ignore empty<td>
tags to maintain 508 compliance?The text was updated successfully, but these errors were encountered: