javascript - 输入标签上的 aria-label 无法读取 Android chrome

标签 javascript html angular5 accessibility wai-aria

aria-label 未在 Android Chrome 上读取,例如:

<input aria-label="test" type="text">

Android chrome 上,它显示为“编辑框,双击以编辑,双击以输入文本”。

但同样的东西在 iOS chrome 上被读作“测试,文本字段,双击以编辑”。

还有其他人见过这个问题吗?

最佳答案

那将是 android/chrome 的一个明显错误。 aria-label attribute 是一个全局属性,可用于任何元素(参见 https://www.w3.org/TR/wai-aria/#global_states )。

如果你尝试 aria-labelledby 会发生什么?

<span id="foo" style="display:none">test</span>
<input aria-labelledby="foo" type="text">

android/chrome 会读取吗?

<label> 发生了什么元素?

<label for="myid" class="sr-only">test</label>
<input id="myid" type="text">

android/chrome 会读取吗?

(“sr-only”类用于在视觉上隐藏 <label>,但它仍然可供屏幕阅读器阅读。参见 What is sr-only in Bootstrap 3?)

关于javascript - 输入标签上的 aria-label 无法读取 Android chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53527047/

相关文章:

javascript - anchor 标记单击在 CSS slider 中不起作用

javascript - 在维护数据的同时链接 promise (angular js)

javascript - 如果表单提交被取消,是否有我可以监视的 jQuery 事件?

javascript - 如何在 onKeyPress 期间获取输入文本框的文本?

javascript - Angular 5 设置非 Angular 属性值

html - CSS Slider Revolution - 图层需要显示在图片中的特定位置

javascript - CSS-HTML |通过 css 修复背景

javascript - 使用背景大小 CSS3 时非常奇怪的行为

angular - 将焦点放在 &lt;input&gt; 元素上

angular - 从 SafeValue 访问 @ContentChildren