aria-label,例如:
<input aria-label="test" type="text">
在 Android chrome 上,其显示为“编辑框,双击以进行编辑,双击以输入文本”。
但在 iOS chrome 上,“测试,文本字段,双击进行编辑”的含义相同。
还有其他人见过这个问题吗?
答案 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?)