输入标签上的aria标签未读取Android chrome

时间:2018-11-28 19:48:45

标签: javascript html angular5 accessibility wai-aria

不能在Android Chrome上读取

aria-label,例如:

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

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

但在 iOS chrome 上,“测试,文本字段,双击进行编辑”的含义相同。

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

1 个答案:

答案 0 :(得分:0)

那将是android / chrome的一个明显错误。 aria-label属性是可以在任何元素上使用的全局属性(请参见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?