首页 > 解决方案 > Aria 下拉 NVDA 显示“编辑空白”

问题描述

被交给了一个 MVC / Razor 项目,实现了 aria。它运作良好,除了:

从模型中的值构建的 Html.DropDownListFor 控件被正确创建,NVDA 读取它旁边的标签,以及页面加载时下拉列表中的默认选定项。对于生成的 ul 中的所有其他项目(来自 Html.DropDownListFor 声明),当使用向上/向下箭头访问列表时,NVDA 会发出单词“edit blank”而不是 listitem 文本。

我已经处理了很多建议使用 aria 角色和其他 aria 属性的示例,但没有一个有所作为。我假设 aria 和 NVDA 可以管理下拉列表,因为它是一个通用控件。关于如何最好地刺激 aria 和 NVDA 来表达列表中的每个项目的任何建议?谢谢。

这是简单的声明:

        <div class="dropdown">
            <span class="filter">"Sort By")</span>
            @Html.DropDownListFor(m => m.SortOption, Model.SortItem,
           new { @id = "SortItem", @onchange = "$('[name=DoFilter]').click()"})
        </div>

标签: model-view-controllerrazorwai-ariadropdownlistfornvda

解决方案


推荐阅读