3

我在几个单选按钮上使用 aria- describe by,以便屏幕阅读器首先阅读单选标签,然后阅读描述文本以提供更多信息。

由于页面的结构,我不能使用字段集。如果您的标签没有 for 属性,许多源可访问性验证器将显示错误,因此我使用 div 作为描述文本。

<div id="desc">Choose a fruit</div>
...
<label><input type="radio" aria-describedby="desc" />Apple</label>
<label><input type="radio" aria-describedby="desc" />Orange</label>

但是,针对 IE11 的 Windows 8.1 Narrator 不会读取描述文本。

如果我将 role="heading" 添加到 div 它将(这合适吗?)。如果我将 div 更改为标签,它也会(但验证失败)。

JavaScript WinRT 应用程序指南似乎表明这种简单的结构是有效的 ( http://msdn.microsoft.com/en-au/library/windows/apps/hh700323.aspx )。针对 IE 的讲述人是否遵循不同的规则?这些是什么?

4

2 回答 2

2

Windows 讲述人不是真正的屏幕阅读器,它是一个玩具!改用免费的 NVDA 屏幕阅读器http://www.nvaccess.org/。您发布的代码是合规的,应该可以使用适当的屏幕阅读器,例如 NVDA。

作为这方面的证据,请查看屏幕阅读器社区实际使用的内容

http://webaim.org/projects/screenreadersurvey5/#primary

于 2015-01-03T15:46:21.577 回答
-2

我在一些具有 ARIA 属性的类似 HTML 上运行 NVDA,但什么也没得到,对于讲述人也是如此。不确定屏幕阅读器如何阅读 HTML 页面。在我看来,必须在浏览器中进行一些集成才能使标签起作用。NVDA 确实阅读了这些链接。

于 2016-08-24T18:07:01.340 回答