accessibility - 您可以强制屏幕阅读器将数字读取为单个数字吗？

Question

电话号码通常是全数字，忽略括号，破折号，加号等，因此电话号码的输入字段通常是数字。

当屏幕阅读器遇到数字输入字段时，它将以整数形式读取该值。例如，如果我有一个美国电话号码的三个输入字段，第一个是区号(3位数字)，然后是交换(3位数字)，然后是行(4位数字)(如果这些字段有123、456) ，7890(分别)，我们通常所说的数字是“一二三”，“四五六”，“七，八，九，零”。

但是当屏幕阅读器遇到这些字段时，它会说“一百二十三”，“四百五十六”，“七百八十九十”。

我认为屏幕阅读器用户习惯于听到大号码的电话号码(至少我已经说过的人希望如此)，但这并不意味着我们无法使其更好。如果我要问这些人中的一个人的电话号码，他们不会使用大数字，而是使用单个数字。

我尝试了各种类型，并仔细检查了所有角色，状态和属性，但是看不到任何内置的可以强制读取数字的内容。

我能想到的就是围绕它进行编码，方法是在视觉上隐藏的包含数字作为单独的数字， 1 2 3 ，然后使用。

有没有更好的办法？

Answer 1

在有限的浏览器支持下，您可以尝试CSS3属性:

speak:spell-out;

最好的方法是使用 aria-label 给出具有足够暂停的便捷阅读格式:

<span aria-label="1 2 3. 4 5 6. 7 8 9 0">123 456 7890</span>

您也可以使用可以通过某些技术解释的 hCard microformat ，并使用国际格式(其他人可以使用)的 电话号码(与其他方法结合使用)

<p class="h-card">
  <span class="p-tel" aria-label="1 2 3. 4 5 6. 7 8 9 0">+123 456 7890</span>
</p>

TL; DR:使用国际格式，aria-label，hCard微格式和speak:spell-out CSS属性