HTML5细节和可用性问题摘要



新的HTML5细节和摘要元素目前在Chrome 12中实现。

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

当设置了open属性时,除了摘要元素、细节元素的"内容"之外的任何子节点都将从文档流中删除。

  • 我想通过以下方式提高可用性从而向用户提供清晰的视觉提示。

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

  • 切换摘要元素时(点击或键盘(,向下滑动如果详细信息元素关闭或向上滑动当细节元素是打开的。

如果元素处于打开状态,则动画结束时将移除打开属性。否则,当动画仍在运行时,内容将立即不可见。

这一切都很好,但可访问性如何?使用辅助技术的人。他们必须等待向上滑动动画的持续时间,然后才能确认details元素已关闭(因为只有这样,打开的属性才会被删除(

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

让您的页面在没有任何脚本的情况下正常工作,这将大大提高可用性。只在增强可用性的地方添加脚本——向上/向下滑动或淡入/淡出的东西第一次看起来可能很酷,但在让用户等待几次效果后,他们才能访问正在显示的内容,这很快就会变得令人厌倦。

最新更新