0

使用适用于 Chrome 的Siteimprove 扩展程序v. 126 以下 HTML 片段都报告了一个问题“输入字段没有描述 1.3.1”

似乎不需要描述，因为就可aria-hidden访问性 API 而言，属性应该完全删除元素。同样，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="">

注意：这个隐藏元素是通过 Material UIinput作为<Select />组件的一部分生成的。它用于保存选定的值

4

1 回答 1

1

是的，这是一个误报。

它可能会将此标记为一个问题，因为它不知道您是否打算<select>在将来“取消隐藏”它，此时由于缺少标签而无法访问它。

您可以放心地忽略此错误，因为输入永远不会被设计为可以访问，因此tabindexandaria-hidden状态永远不会改变。

我确实注意到的一件事是他们将其设置opacity为 0 而不是隐藏输入，不完全确定为什么会这样，但这可能是它抱怨的另一个原因，因为从技术上讲，任何带有 0 的东西opacity仍然可以被一些不支持的旧屏幕阅读器访问荣誉aria-hidden。如果您可以将其更改为display: none它会更健壮（这需要由 JS 添加，否则如果您在 CSS 中设置它并且 JS 失败，整个输入将被隐藏）。

于 2020-09-10T17:15:32.897 回答