-
Notifications
You must be signed in to change notification settings - Fork 163
Open
Description
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?
Metadata
Metadata
Assignees
Labels
No labels