Improper Table Header Handling (Accessibility) ?

4 posts, 0 answers
  1. Jason
    Jason avatar
    9 posts
    Member since:
    May 2012

    Posted 05 Nov 2012 Link to this post

    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...

  2. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 08 Nov 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Leon Gelbak
    Leon Gelbak avatar
    19 posts
    Member since:
    Sep 2003

    Posted 26 May in reply to Stanimir Link to this post

    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!

  5. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 26 May Link to this post

    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.
Back to Top