model-view-controller - 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>
解决方案
推荐阅读
- routes - 如何将 URL 参数编码为插入到类似于 /abc/:param/def 的 URl 中?
- php - 使用字段 ID 传输字段值
- regex - 带有负前瞻的 nginx 重定向循环
- sql - 使用 postgres regexp_replace() 替换字符串中的整数
- react-native - 如何在后台分别运行两个计时器(React Native)
- python - TensorFlow 数据集映射函数中的随机性
- python - 如何使用 Python 从原始图像中删除所有检测到的线?
- php - 条纹支付 SCA
- amazon-web-services - S3 安全文件访问
- git - Git 预提交挂钩:防止更改特定文件的提交