html - NVDA 在 Chrome 中读出文本两次

Question

对于以下标记:

<div class="form-group">
   <label class="control-label" for="email">Email Address</label>
   <input type="text" name="email" id="email" placeholder="Email Address" class="form-control">
</div>

这是 NVDA 读出的内容:

火狐

Email Address Edit Blank

浏览器

Email Address Edit Blank

Chrome

Email Address Edit Email Address Blank

似乎 chrome 也在读出 placeholder 文本，但 Firefox 和 IE 不是。删除 placeholder 文本不是一个选项，因为它是一项要求。

在这种情况下，有没有办法让 Chrome 不读取 placeholder 文本？

Answer 1

   <input aria-hidden="true" role="alert" class="range from hasDatepicker" type="text" value="" data-type="range" id="range-from" data-uniq-id="11/19/2020" name="range-from" aria-label="11/19/2020"> 

对我来说，上面示例中的双重阅读解决方案是添加 aria-hidden = "true"好主意，而且它有效。