Question

我有一个包含位置信息的表。我想听一下屏幕阅读器如何解释我的标记。果然它将'CA'读作字母C和A.它对于具有年龄的表格单元也做同样的事情，它将'23'读为2 3.有没有办法标记这些项目和其他类似于屏幕阅读器会将它们称为“加利福尼亚”和“二十三”而不实际拼写出来的方式？

编辑：添加了title attr和常规文本。屏幕阅读器上写着：“年龄，小组，二十三，二三”

我还尝试将aria-hidden="true"添加到嵌套在<td>内部的范围，但它完全跳过td和span并转移到下一个元素。

标记：

     <table>
        <tbody>
            <tr>
                <th scope="row">First Name</th>
                <td>John</td>
            </tr>
            <tr>
                <th scope="row">Age</th>
                <td title="Twenty Three">23</td>
            </tr>
            <tr>
                <th scope="row">State</th>
                <td tithe="California">CA</td>
            </tr>
        </tbody>
    </table>

ARIA隐藏：

    <table>
        <tbody>
            <tr>
                <th scope="row">Age</th>
                <td title="Twenty Three"><span aria-hidden="true">23</span></td>
            </tr>
        </tbody>
    </table>

Answer 1

是的，您可以使用title属性使屏幕阅读器用户更轻松

 <table>
    <tbody>
        <tr>
            <th scope="row">First Name</th>
            <td>John</td>
        </tr>
        <tr>
            <th scope="row">Age</th>
            <td title="twentythree">23</td>
        </tr>
        <tr>
            <th scope="row">State</th>
            <td title="California">CA</td>
        </tr>
    </tbody>
</table>

屏幕阅读器将读取标题文本而不是内容，因此您可以为任何表格单元格添加屏幕阅读器友好文本

屏幕阅读器发音状态/国家代码和数字

1 个答案: