时间戳

首页 > 解决方案 > 屏幕阅读器是否应该在 HTML 中的下拉菜单（或组合框）展开时通知

wai-aria - 屏幕阅读器是否应该在 HTML 中的下拉菜单（或组合框）展开时通知

问题描述

我在页面上使用了一个非常基本的 HTML Select。这是代码。

<label for="favcity">Which is your favorite city?</label>
<select id="favcity" name="select">
    <option value="1">Amsterdam</option>
    <option value="2">Buenos Aires</option>
    <option value="3">Delhi</option>
</select>

我看到屏幕阅读器在折叠时宣布“ Collapsed ”，但没有宣布Expanded。由于这是一个原生 HTML 选择下拉菜单，屏幕阅读器对该下拉菜单的预期行为是什么。当下拉菜单展开时，他们是否应该宣布展开。

当组合框展开时，有什么方法可以让屏幕阅读器宣布展开？

标签： wai-aria

解决方案

应宣布“已扩展”以指示相关内容可供用户使用。这通常用于自定义控件（自​​定义下拉列表、手风琴等）。但是，对于本机 HTML Select 下拉菜单，不需要这样做，因为无需激活下拉列表即可使用下拉列表内容。当下拉列表具有焦点并且不处于下拉或“展开”状态时，用户已经可以使用箭头键进行选择。当为 Select 元素激活下拉菜单时，屏幕阅读器将宣布“列表”或“列表框”以指示显示整个选项列表。无论列表是否“扩展”，用户都可以使用键盘选择列表中的项目，因此在这种情况下，宣布不向视障用户提供

推荐阅读