Question

我正在制作一个类似于下面示例的表格，其中单元格中的X表示基于相应水平/垂直标题的交集的某些标准。

例如，在这种情况下，橙子会具有“甜”和“酸”的特性，但不会咸或苦。

<table>
    <tr>
        <th></th>
        <th scope="col">Sweet</th>
        <th scope="col">Sour</th>
        <th scope="col">Salty</th>
        <th scope="col">Bitter</th>
    </tr>
    <tr>
        <th scope="row">Apple</th>
        <td>x</td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <th scope="row">Orange</th>
        <td>x</td>
        <td>x</td>
        <td></td>
        <td></td>
    </tr>
</table>

什么是适当的方式来标记它，以便它是语义和可访问的？似乎细胞应该包含比“X”更广泛的东西才有意义，即使在视觉上它只是显示“X”。

此外，明显空的单元格是否实际上包含一些视觉上隐藏的文本，表明所述单元格不适用？

Answer 1

我会认为＆＃34;是＆＃34;和＆＃34;不＆＃34;是很好的指标，但确实需要一些上下文（即滚动到表格的标题）

有文字＆＃34; sweet＆＃34; ＆＃34;酸＆＃34; ＆＃34;咸＆＃34;或者＆＃34;苦涩的＆＃34;也是一个非常适合的明显选择。

每个人都讨厌连续表格中的刻度，这些列需要很多关注。

<table>
    <tr>
        <th scope="row">Apple</th>
        <td>Sweet</td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <th scope="row">Orange</th>
        <td>Sweet</td>
        <td>Sour</td>
        <td></td>
        <td></td>
    </tr>
</table>

带有垂直和水平标题的可访问表

1 个答案: