HTML5详细信息和摘要可用性问题

时间:2011-06-30 01:42:44

标签: javascript html5 accessibility usability

新的HTML5详细信息和摘要元素目前已在Chrome 12中实施。

我发现有一件事与我有关,我想听听你对此事的看法。

设置open属性后,除了摘要元素之外的所有子节点,详细信息元素的“内容”都将从文档流中删除。

  • 我希望增加可用性 为用户提供清晰的视觉提示。

  • 所以我阻止默认 JavaScript中的行为。

  • 切换摘要元素时 (单击或键盘),向下滑动 如果细节,动画开始 元素已关闭或向上滑动 动画开始时的细节 元素是开放的。

如果元素处于打开状态,则在动画结束时将删除open属性。否则,在动画仍在运行时,内容将立即隐藏。

这很好但是可访问性呢?人们使用辅助技术。在确认详细信息元素已关闭之前,他们必须等待上滑动画的持续时间(因为只有这样,才会删除open属性)?

2 个答案:

答案 0 :(得分:3)

为什么不在结束动画之前将aria-expanded设置为假?

答案 1 :(得分:0)

让您的网页完全没有任何脚本功能,这将有助于实现可用性。只添加脚本以增强可用性 - 向上/向下滑动或淡入/淡出的东西可能在第一次看起来很酷,但是在让用户等待几次效果之后才能访问正在显示的内容之前,它会很快变得很烦人。