This is a migrated thread and some comments may be shown as answers.

Improper Table Header Handling (Accessibility) ?

3 Answers 40 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 05 Nov 2012, 11:28 PM
I may be wrong, but I am hoping someone can comment on this issue. When creating complex tables with both a header row and a header column using the RadEditor, I noticed something that "appears" to be wrong. Perhaps you can clarify?

Although I created a table correctly, (went to accessibility, checked 1 for both the header row and column & checked the associated cells with headers checkbox) ... this is the code that get's spit out.

<table style="width: 50%; " class="tableData">
<thead><tr>
<th style="" id="table_heading_0"> </th>
<th style="" id="table_heading_1">2011</th>
<th style="" id="table_heading_2">2012</th>
</tr></thead>
<tbody><tr>
<th style="" id="table_heading_3">Fire</th>
<td headers="table_heading_1">5</td>
<td class="" style="" headers="table_heading_2">5</td>
</tr><tr>
<th style="" id="table_heading_4">Police</th>
<td headers="table_heading_1">5</td>
<td headers="table_heading_2">5</td>
</tr></tbody></table>

  1. Each header is assigned a unique ID (Correct!)
  2. Each header is identified with a <th> class (Correct!)
  3. Each non-header cell associates with just ONE header (INCORRECT! ... I assume)

Since there are two headers associated with each non-header cell, shouldn't there should be two IDs referenced in the "headers" attribute? Would the correct coding for this look something like this (each header ID separated by a space or comma)?

<table style="width: 50%; " class="tableData">
<thead><tr>
<th style="" id="table_heading_0"> </th>
<th style="" id="table_heading_1">2011</th>
<th style="" id="table_heading_2">2012</th>
</tr></thead>
<tbody><tr>
<th style="" id="table_heading_3">Fire</th>
<td headers="table_heading_1,table_heading_3">5</td>
<td class="" style="" headers="table_heading_2,table_heading_3">5</td>
</tr><tr>
<th style="" id="table_heading_4">Police</th>
<td headers="table_heading_1,table_heading_4">5</td>
<td headers="table_heading_2,table_heading_4">5</td>
</tr></tbody></table>

Wondering if I am interpreting this incorrectly...

3 Answers, 1 is accepted

Sort by
0
Stanimir
Telerik team
answered on 08 Nov 2012, 08:08 AM
Hello Jason,

Thanks for reporting this problem. Indeed you are right. The headers properties should include both header Id. Unfortunately currently there is no easy workaround for the issue. I logged it in our PITs system and we will work on resolving it soon.

Here you can find the PITS Issue: Public URL

Regards,
Stanimir
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Leon Gelbak
Top achievements
Rank 1
answered on 26 May 2016, 07:19 AM

Hi

We're experiencing the same issue. Has any progress been made in regards to a resolution? The issue link provided doesn't appear to go to the intended page (anymore, at least).

Thanks!

0
Stanimir
Telerik team
answered on 26 May 2016, 07:56 AM
Hello,

No there is no progress on the resolution of this matter. What I suggest you is to vote for it in our feed back portal: http://feedback.telerik.com/Project/108/Feedback/Details/119337-fix-table-header-handling-accessibility-is-not-applied-correctly-when-there-are.

Regards,
Stanimir
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Tags
Editor
Asked by
Jason
Top achievements
Rank 1
Answers by
Stanimir
Telerik team
Leon Gelbak
Top achievements
Rank 1
Share this question
or