aria = *属性与光滑滑块中的角色不匹配

时间:2018-10-18 20:26:57

标签: html accessibility slick audit wai-aria

Google审核通过光滑的滑块代码提供了可访问性错误

诸如屏幕阅读器之类的辅助技术无法解释具有无效值的ARIA属性

<div class="slider-videos slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="listitem" aria-labelledby="slick-slide40" style="width: 412px;">

<li class="slick-active" aria-hidden="false" aria-controls="navigation20" id="slick-slide20" aria-selected="true"><button type="button"data-role="none" tabindex="0">1</button></li>

我该如何解决?我没有这些咏叹调和角色的信息

1 个答案:

答案 0 :(得分:0)

我遇到<input type="number">这个问题,它是一个组合框-可能的值列表出现在输入下方,而用户输入的内容则是-选项被过滤。

我想问题是类型是number,但是值是字符串...或者仅仅是数字类型输入与此类组合框不兼容。

我通过将其更改为type="text"并添加了模式+输入模式来解决了这一问题-因此,在移动设备上,用户仍然可以看到数字键盘:

<input type="text" pattern="[0-9]*" inputmode="numeric">

错误不再出现。