我的JS手风琴是否可访问

Is my JS accordion accessible?

本文关键字：访问是否手风琴 JS 我的更新时间：2023-09-26

这是我放在一起的jQuery手风琴:http://jsfiddle.net/cutcopypaste/xAPSz/

我想知道它是否可以与屏幕阅读器和其他辅助技术一起工作。

我知道没有javascript，一切都会被扩展，这完全没问题。

我添加了一个链接悬停效果，表明标题是可点击的，但我不知道会发生什么与屏幕阅读器…所有的内容在一开始是否都是可见的?(这是可以的)或者它会被折叠，没有指示应该单击列表项?有什么好办法可以解决这个问题呢?

我正在考虑使用js在标题周围添加实际的锚标记，以表明它将是可点击的(而不仅仅是我现在使用的:hover样式)，但不确定它是否值得

屏幕阅读器各不相同，但往往只读取屏幕上可见的内容。由于手风琴开始时是关闭的，因此最好用链接替换标题，或者将链接环绕标题文本。这样它们就变成了屏幕阅读器的可点击项目，允许用户跳过标题/链接，或者打开它们进入内容。

添加链接将使您的手风琴键盘也可访问。一般来说，如果你想让人们点击东西来获得结果，你最好把它们做成链接，然后用CSS对它们进行样式化，让它们看起来像你想要的那样。这比使用其他元素然后用脚本添加回焦点和激活功能要少得多。你可以选择一个链接，并通过按回车键激活它，这意味着有视力或行动障碍的用户可以很容易地访问它们。