Need help with 508 compliance with table (need to navigate each cell by TAB kep, will tabindex work)

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

Need help with 508 compliance with table (need to navigate each cell by TAB kep, will tabindex work)

Hu, Jasmine
Hello there,
 
I am working on a project that needs to be 508 compliant. For most 508 requirement, this tag will work.
 
However, I am not able to make the nagivation requirement work. For nagivation of a datatable (not for layout), the user will need to be able to navigate the table cells by pressing TAB key from top to down, and from left to right.  
 
 In this case, I tried with plain html by adding tabindex to <TH> and <TD> cell. And it appears to be working.
 
For instance, html code would be like this:  <th tabindex="1">HD1</th> or <td tabindex="3">A</td>

However, tabindex is not supported by <display:table> <display:column>.

<display:column property="dateTime" title="Date / Time&nbsp;&nbsp;" sortable="true" headerClass="sortable" style="displaytag" format="{0,date,MM/dd/yyyy hh:mm aa z}" headerScope="col" scope="row"/>
 
When I tried to add tabindex into <display:column>, it said tabindex was not supported.
 
And for this datatable, header cell is sortable. So I am not able to re-write it by plain Java without using the tag.

Have anybody met this problem? Any suggestion is highly appreciated!

Thanks so much!

 
Jasmine Hu
E1-2-557
22001 Loudoun County Parkway
Ashburn, VA 20147
USA
 

------------------------------------------------------------------------------
Ridiculously easy VDI. With Citrix VDI-in-a-Box, you don't need a complex
infrastructure or vast IT resources to deliver seamless, secure access to
virtual desktops. With this all-in-one solution, easily deploy virtual
desktops for less than the cost of PCs and save 60% on VDI infrastructure
costs. Try it free! http://p.sf.net/sfu/Citrix-VDIinabox
_______________________________________________
displaytag-user mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/displaytag-user
Reply | Threaded
Open this post in threaded view
|

Re: Need help with 508 compliance with table (need to navigate each cell by TAB kep, will tabindex work)

Hu, Jasmine
The issue is solved by other approach.
By adding tabindex="0" to display text inside the table.
 
Thanks so much!
 
Jasmine Hu
E1-2-557
22001 Loudoun County Parkway
Ashburn, VA 20147
USA
 


From: Hu, Jasmine [mailto:[hidden email]]
Sent: Wednesday, December 28, 2011 11:50 AM
To: [hidden email]
Subject: [displaytag-user] Need help with 508 compliance with table (need to navigate each cell by TAB kep, will tabindex work)

Hello there,
 
I am working on a project that needs to be 508 compliant. For most 508 requirement, this tag will work.
 
However, I am not able to make the nagivation requirement work. For nagivation of a datatable (not for layout), the user will need to be able to navigate the table cells by pressing TAB key from top to down, and from left to right.  
 
 In this case, I tried with plain html by adding tabindex to <TH> and <TD> cell. And it appears to be working.
 
For instance, html code would be like this:  <th tabindex="1">HD1</th> or <td tabindex="3">A</td>

However, tabindex is not supported by <display:table> <display:column>.

<display:column property="dateTime" title="Date / Time&nbsp;&nbsp;" sortable="true" headerClass="sortable" style="displaytag" format="{0,date,MM/dd/yyyy hh:mm aa z}" headerScope="col" scope="row"/>
 
When I tried to add tabindex into <display:column>, it said tabindex was not supported.
 
And for this datatable, header cell is sortable. So I am not able to re-write it by plain Java without using the tag.

Have anybody met this problem? Any suggestion is highly appreciated!

Thanks so much!

 
Jasmine Hu
E1-2-557
22001 Loudoun County Parkway
Ashburn, VA 20147
USA
 

------------------------------------------------------------------------------
Ridiculously easy VDI. With Citrix VDI-in-a-Box, you don't need a complex
infrastructure or vast IT resources to deliver seamless, secure access to
virtual desktops. With this all-in-one solution, easily deploy virtual
desktops for less than the cost of PCs and save 60% on VDI infrastructure
costs. Try it free! http://p.sf.net/sfu/Citrix-VDIinabox
_______________________________________________
displaytag-user mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/displaytag-user