Select元素的辅助功能问题

时间:2017-03-07 20:30:39

标签: javascript html reactjs accessibility

我正在研究应用程序在选择元素上配置语音的辅助功能问题。基本上,有一个隐藏的选择和一个自定义样式的伪元素,就像一个下拉列表。当语音结束时,这会产生问题,因为即使伪元素具有咏叹调隐藏,它也会通过它们。关于如何只为屏幕阅读器显示一个选择元素,是否有任何建议?

如果代码剪切有助于解释,请告诉我。

1 个答案:

答案 0 :(得分:0)

您可以使用aria-hidden html属性。

<select id="mySelect" aria-hidden="true">...</select>

请参阅:http://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden