屏幕阅读器无法读取 Chrome 上的数字输入值答案

【问题标题】：Screen reader cannot read number input values on Chrome屏幕阅读器无法读取 Chrome 上的数字输入值
【发布时间】：2018-01-17 11:04:49
【问题描述】：

我有一个看起来像这样的旋转按钮：

<input type="number" name="amountMonthly" id="amount-monthly_0" class="formInput" required="required" tabindex="70" aria-describedby="amountMonthlyInfo" aria-labelledby="amountMonthlyLbl">

使用屏幕阅读器（我使用 NVDA）时的预期行为是让它读取标签一次，并在旋转按钮的每次更改时读取新值。以下是在两种不同浏览器上以三种状态读取此元素的方式。

FIREFOX: Empty field selected (in focus)
    [label] spinbutton invalid entry required [description] edit blank
FIREFOX: press up button (increment)
    [number on screen]
FIREFOX: selected the entire numerical value (call it num)
    [first length-of-num characters of label] selected

CHROME: Empty field selected (in focus)
    [label] spinbutton editable invalid entry required [description] [label]
CHROME: press up button (increment)
    [label]
CHROME: selected the entire numerical value (call it num)
    [first length-of-num characters of label] selected

【问题讨论】：

标签： html forms accessibility wai-aria screen-readers

【解决方案1】：

这显然是 Chrome 本身的一个错误。我发现了一个未解决的问题here，供以后检查此问题的任何人使用。还有一张与 NVDA 相关的票证，可以在here 找到。

【讨论】：