AVT - For a complex data table, th and td elements must be related via scope or headers.

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Summary

For a complex data table, th and td elements must be related via scope or headers.

Steps to reproduce

GitLab->Settings->Repository

What is the expected correct behavior?

In data tables, there are heading cells and data cells. Every heading cell must be a heading for some set of data cells, and every data cell must have a heading. In complex tables, data cells may be associated with more than one row and/or column headers. Using id and header attributes allows user agents to understand these complex relationships when the scope attribute is not sufficient.

Possible fixes

Add id and headers for tr and td elements.

For example:

        <tr>
            <th id="1stgrade" rowspan="2">1st Grade</th>
            <th id="MrHenry" headers="1stgrade teacher">Mr. Henry</th>
            <td headers="1stgrade MrHenry boys">5</td>
            <td headers="1stgrade MrHenry girls">4</td>
        </tr>
        

Relevant screenshots

• [GitLab->Settings->Repository]

@sharonchen @carmacleod

gitlab-ce~2677490