Why is this HTML table not 508 compliant?
So I ran one of my pages source code through a 508 compliance checker online, and it came back saying some of my tables are not correct, I followed the guidelines to use the scope setting but it still fails:
<table>
<tr bgcolor="#f6f7f7">
<td scope="col">adsf</td>
<td scope="col">Type</td>
<td scope="col"> Check ID</td>
<td scope="col"> Check Title</td>
</tr>
<tr bgcolor="#EEEEEE" onMouseOver="javascript: this.style.backgroundColor='#FFF8DC';" onMouseOut="javascript:this.style.backgroundColor='#EEEEEE';">
<td scope="row" id="statuscell0"开发者_开发百科>aad</td>
<td align="center" id="statuscell0">OVAL</td>
<td align="left" id="statuscell0">asdfasdf</td>
<td align="left" id="statuscell0">asdfasdf</td>
</tr>
<!-- More such table rows here ... //-->
</table>
Thanks.
you would need to add table headers <th>
you need to add, summary, caption, thead, th, tfoot, tbody
Also I don't know whether that inline onmouseover will fly. To be accessible it will need to do the equivalent action when the row is selected by a user tabbing through the document--which won't just work without some tweaking. You need some cue that the row is highlighted even if you are not using a mouse.
精彩评论