Why is this HTML table not 508 compliant?

Question

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">&nbsp;Check ID</td>
        <td scope="col">&nbsp;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.

score 4 · Accepted Answer · answered Jan 13 '10 at 22:05

4

you would need to add table headers <th>

answered Jan 13 '10 at 22:05

jspcal

50,847
7
72
76

do tags have all the same attributes that can be used as in td's i.e, can I just go modify the headers i have in my – user105033 Jan 13 '10 at 22:06

score 2 · Answer 2 · answered Jan 13 '10 at 22:08

2

you need to add, summary, caption, thead, th, tfoot, tbody

answered Jan 13 '10 at 22:08

Dave.Sol

251
1
6

Didn't think summary,caption,tfoot,thead,tbody are mandatory for compliance, just recommended – user105033 Jan 13 '10 at 22:11

score 1 · Answer 3 · answered May 28 '11 at 03:11

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.

Why is this HTML table not 508 compliant?

3 Answers3