当html中存在<label for =“”>时,aria-label缺失?

时间:2016-10-27 10:09:18

标签: google-chrome accessibility angular-material wai-aria wcag

以下代码在Chrome控制台中抛出: ARIA:缺少可访问性所需的属性“aria-label”......

<label for="date-range-selector-from">From</label>
<md-input-container>
<input type="text" id="date-range-selector-from" aria-invalid="false" />
...
</md-input-container>

为什么在输入标签时会抛出此警告? 当可见标签无法在页面上显示时,不应该是aria-label吗?

1 个答案:

答案 0 :(得分:0)

这显然是一些“angularjs”代码,但Chrome正在抱怨您生成的DOM代码。

您应该在$strings=array("asd","qwerty","123");// or more $sortstrings=natsort(array_unique($strings)); // sort and remove duplicates $new_arr=array(); foreach ($strings as $str) { foreach($new_arr as $new) { $newstr="$new$str"; if (!in_array("$newstr",$new_arr)) $new_arr[]="$newstr"; } if (!in_array("$str",$new_arr)) $new_arr[]="$str"; } 内部提供label标记,例如下页提供的示例:https://material.angularjs.org/latest/api/directive/mdInputContainer

md-input-container