首页 > 解决方案 > HTML:语音用户能够访问禁用的选择框

问题描述

我想为用户配音创建禁用的选择框。我有这个简单的 HTML。使用 disabled="disabled" 和 aria-disabled="true" 禁用选择。但 Voice Over 用户仍然可以访问它。

在 MacOS (Chrome/Safari) 中检查。VO 读取选择为禁用。但是我可以通过单击“Ctrl+Option+Space”来访问它。任何想法?提前致谢。

<html>
    <body>
        <label>Select</label>
        <select disabled="disabled" aria-disabled="true">
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>
    </body>
</html>

JS 小提琴:http: //jsfiddle.net/acxksd1r/2/

标签: javascripthtmlvoiceoverscreen-readers

解决方案


推荐阅读