我正在研究一些手风琴并尝试检查我添加的咏叹调属性是否有效。我挣扎了一段时间才明白为什么VoiceOver一直告诉我手风琴已经崩溃，当我设置了aria-expanded =＆＃34; true＆＃34;在上面。然后我发现页面上的每个元素都被声明为＆＃39;折叠＆＃39;，甚至是html。然后，我随机尝试了一些其他网站，甚至是咏叹调网站本身，而VoiceOver宣称每个元素都已经崩溃了。
有没有其他人经历过这种情况，这是一个错误，还是我在某处划了一些电线？
答案 0 :(得分：1)
为了显示手风琴的展开折叠状态（role =“tab”），您必须使用aria-expanded="true"或aria-expanded="false"。未指定默认值，因此没有属性可以等于宣布为折叠的所有内容。 http://www.w3.org/TR/wai-aria/roles#tab
此示例http://www.oaa-accessibility.org/examplep/accordian1/适用于OS X上的VoiceOver，并显示正确使用aria-expanded和aria-selected
重要提示：在编写本文时，OS X上的Safari是最易于访问的浏览器。 Chrome对所有ARIA功能的支持较少
答案 1 :(得分：1)
最近发布的Chrome版似乎是一个错误; repros从40.0.2214。91（2015年1月）和IIRC，与以前的版本不是一个问题 - 这在最近的浏览器更新之前工作正常。
Repros即使是非常简单的例子：
<a href="/">test link</a>
...被读出为“折叠链接。测试链接” - 即使折叠不适用于链接。与其他类型的控件（如按钮等）类似的行为。
这不是Safari针对同一页面的问题，因此这似乎表明这是最近的Chrome问题，而不是VoiceOver的问题。
正如@unobf上面提到的，Safari是 标准浏览器，用于在iOS上测试VoiceOver; Chrome在开发过程中使用起来肯定很方便，但由于它在少数几个方面落后于Safari可访问性，因此应始终针对Safari验证最终代码。