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?
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?