Does anyone know if DisplayTag comply with 508 Section Law (web accessibility)
Khv
Printable View
Does anyone know if DisplayTag comply with 508 Section Law (web accessibility)
Khv
Which display tag?
And have you written a JSP with it in and seen what you can do with it when compared to the 508 stuff?
Since the bulk of it is to do with providing alt text for pictures and graphical buttons, and layout (including colours) it shouldn't be too difficult to test it out.
No, If it only involves with Alt text for image and graphical button, it is not tough to test it out. For table, I am look at requirements of HTML table scope attribute. DisplayTag has the <display:column> tag with the headerScope which will set the html tag <th scope="col">, but the <display:column scope="row"> does not seem to generate one <th = scope="row">. Also, how is about tab traversing within the table?
I am reading the DisplayTag source now (TableTag.java and ColumnTag.java). What files actually generate the <td> and <th>?
Thanks for any hints and helps.
khv
Generate the table and then compare the results.
I'd be surprised if you couldn't produce the correct output, since the bits of 508 I've just looked at do not seem particularly onerous. They look similar to the w3c accessibility stuff to me.
I am testing the example-twotables.jsp. I have modified the first table to see how DisplayTable generates the table.
1. the header for column has the scope="col" correctly, but for the scope='row' was not correctly generated <th scope='row'> for the row. Instead, DisplayTable generates <td scope='row'>Code:<display:table summary="this is summary one." name="sessionScope.two-test1" sort="list" pagesize="10" id="table1" export="true">
<display:caption>Table 1</display:caption>
<display:column scope="row" headerScope="col" property="city" title="CITY" group="1" sortable="true" headerClass="sortable" />
<display:column headerScope="col" property="project" title="PROJECT" group="2" sortable="true" headerClass="sortable" />
<display:column headerScope="col" property="amount" title="HOURS" />
<display:column headerScope="col" property="task" title="TASK" />
</display:table>
2. <display:column> does not have html pass-through attribute for id, headers to use.
Khv
1. Isn't that correct? <td scope='row'> defines that cell as containing header data for that row. It doesn'tmake much sense to put that into the actual header row (which contains headers for the columns).
2. I'm not sure about this one I'm afraid.
yes, you can have one <th> as child node of <tr> to specify that that cell is the row header. I can use the <td headers="col_id"> as alternative approach. However, <display:column> does have attributes to generate unique id for <tr>.
Thanks.
Khv
This is a sample to with <th scope='row'> nested inside <tr>
Code:
<html>
<body>
<table border="1">
<tr>
<th></th>
<th scope="col">Month</th>
<th scope="col">Savings</th>
</tr>
<tr>
<th scope="row">1</th>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td scope="row">2</td>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>