我的JS手风琴可以使用吗?

时间:2011-10-18 20:45:55

标签: javascript accessibility jquery-ui-accordion

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

我想知道它是否适用于屏幕阅读器和其他辅助技术。

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

我添加了一个链接悬停效果,表明标题是可点击的,但我不知道屏幕阅读器会发生什么......所有内容是否会在一开始就可见? (没关系)或是否会折叠而没有指示应该点击列表项?什么可能是解决这个问题的好方法?

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

1 个答案:

答案 0 :(得分:2)

屏幕阅读器各不相同,但往往只能阅读屏幕上可见的内容。由于手风琴开始关闭,最好用链接替换标题,或者在标题文本周围包裹链接。这样,它们就成为屏幕阅读器的可点击项目,允许用户跳过标题/链接或打开它们以获取内容。

添加链接也可以访问您的手风琴键盘。通常,如果您希望人们点击某些内容来获得结果,那么您最好先制作链接,然后使用CSS设置样式以便按照您想要的方式进行设置。它比使用其他元素更少工作,然后通过脚本添加后焦点和激活功能。您可以选择链接并通过按Enter键激活它,这意味着具有视力或行动障碍的用户可以轻松获得它们。