0

单击此处查看图像这就是读取蓝色标记区域之后发生的情况，然后红色标记区域是 NVDA 语音查看器，正在读取的内容正在被读取。我有一个非空表，但在与 Firefox 浏览器一起使用时，NVDA 屏幕阅读器不会读取内容。它读取表格之前的所有其他内容。下面是弹出对话框中显示的示例代码。不想使用 role="presentation"，因为这解决了不阅读表格的问题，但屏幕阅读器读取的好像是纯文本而不是表格。

<div role="dialog">
    <h2>This is a H2 content. </h2>

    <p>This is a paragraph</p>

    <table style="width: 80%;">
    <caption class="offscreen">this is the caption for the table.</caption>
        <thead>
            <tr>
            <th style="width: 25%" scope="col">First Header</th>
            <th scope="col">Second Header</th>
            </tr> 
        </thead> 
        <tbody>
            <tr><td>C11</td><td>C21</td></tr>
            <tr><td>C21</td><td>C22</td></tr>
            <tr><td>C31</td><td>C32</td></tr>
            <tr><td>C41</td><td>C42</td></tr>
            <tr><td>C51</td><td>C52</td></tr>
        </tbody>
    </table>
</div>
4

0 回答 0