2017-05-05 18:03:32
table with options lists fail
See attached error, how can I fix this for 508 compliance.
ATutor
Learning Management Tools
table with options lists fail
-
-
2017-05-05 18:38:53
Re: table with options lists fail
Can you send the link to the page you were validating and receiving this error? Thanks.
-
2017-05-08 09:48:48
Re: table with options lists fail
<p class="style16"><strong>Database Selection Process</strong></p>
<table name="AccountSelect" class="style14">
<tr>
<th nowrap align="left" valign="top"><label for="Database"><label for="AccountList">Select Database</label></label></th>
<td scope="row" align="left" valign="top"><select name="AcctList" id="AccountList" size="1"><option value="BRIAN">Brian's Place (BRIAN)</option><option value="Home">Home</option><option value="Fred">Fred</option><option selected value="S">Shelley</option></select></td>
</tr>
<tr>
<th scope="col" nowrap align="left" valign="top"><label for="EmployeeId">Your Employee ID</label></th>
<td scope="row" align="left" valign="top"> <input name="EmployeeId" id="Employee" maxlength="25" size="25"> Please Enter Your 9 Character Badge Number</td>
</tr>
<tr>
<th> <tr><th scope="col" nowrap align="left" valign="top"><label for="EmployeePass">Your Password</label></th><td scope="row" align="left" valign="top"> <input type="password" onkeypress="capLock( event )" name="EmployeePass" id="EmployeePass" maxlength="25" size="25"><div id="LockSet" style="visibility:hidden"><span class="style1">Caps Lock is On</span></div></td></tr> </th>
</tr>
<tr>
<th scope="col" nowrap align="left" valign="top">Attention All Users</th>
<td scope="row" align="left" valign="top">Detail message goes here. It can be anything from upcoming maintenance schedule, changes and enhancments, or Happy Holidays.</td>
</tr>
</table> -
2017-05-08 10:30:42
Re: table with options lists fail
It seems the errors/warnings you received are valid.
If you use achecker.ca, the title of each error/warning is a link that brings you to a page that describes the detail of this issue and how to fix it.
If you are not on achecker.ca, the url for such page is https://achecker.ca/checker/suggestion.php?id=244, where the "id" value is the check number.
[u] [/u] -
2017-05-08 11:24:45
Re: table with options lists fail
Ok, I am totally confused... 1st error says it does not use it and solution is says to use it?
Line 2, Column 3: Data table with both row and column headers does not use scope to identify cells.
<table name="AccountSelect" class="style14">
<tr>
<th scope="row" nowrap align="left" valign="top"> ...
Repair: Add scope attributes to header cells so they identify the cells that relate to the header.
Error Line 2, Column 3: Data table with more than one row/column of headers does not use id and headers attributes to identify cells.
<table name="AccountSelect" class="style14">
<tr>
<th scope="col"nowrap align="left" valign="top"> ...
Repair: Add id and headers attributes to table cells so they identify the cells that relate to the headers. -
2017-05-08 12:37:59
Re: table with options lists fail
To fix the first one, you need to add "scope" attribute for <th> elements.
To fix the second one, you need to add "id" and/or "header" attributes for <th> elements.