问题描述
使用Siteimprove extension第126版(适用于Chrome),以下HTML代码段均报告了一个问题“输入字段无描述1.3.1”
似乎不需要描述,因为就可访问性API而言,aria-hidden
属性应该完全删除该元素。同样,tabindex=-1
属性值指示此元素既不用于交互也不用于表示。
此外,即使按照以下文档添加role="none"
,该扩展程序也将此问题报告为问题,这是该工具中的第一个交叉引用解决方案:
<input aria-hidden="true" tabindex="-1"
class="MuiSelect-nativeInput"
value="SORTING_OPTIONS_ENDDATE"
style="">
<input aria-hidden="true" tabindex="-1"
class="MuiSelect-nativeInput" role="none"
value="SORTING_OPTIONS_ENDDATE"
style="">
注意:此隐藏的input
元素是通过Material UI作为<Select />
component的一部分生成的。用于保存选定的值
解决方法
是的,这是假阳性。
由于它可能不知道您将来是否打算“取消隐藏” <select>
,因此很可能将其标记为问题。由于缺乏标签,这时将无法访问。{p>
您可以放心地忽略此错误,因为从不设计要访问输入,因此tabindex
和aria-hidden
状态永远不会改变。
我确实注意到的一件事是,他们将opacity
设置为0而不是隐藏输入,不完全确定为什么会这样,但这可能是它在技术上抱怨为0 {{1}的任何原因的另一原因}仍可以由一些不尊重opacity
的较早的屏幕阅读器访问。如果您可以将其更改为aria-hidden
,它将更加健壮(JS需要添加它,否则,如果您在CSS中进行了设置,而JS失败,则整个输入都将被隐藏)。