javascript - HTML5 细节和总结可用性问题

标签 javascript html accessibility usability

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

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

当设置open属性时,除了summary元素、details元素的“内容”之外的所有子节点都将从文档流中删除。

  • 我想通过以下方式提高可用性 给用户一个清晰的视觉提示。

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

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

如果元素是打开的,则当动画完成时,打开属性将被删除。否则,当动画仍在运行时,内容将立即不可见。

这一切都很好,但是可访问性怎么样?人们使用辅助技术。他们必须等待向上滑动动画的持续时间才能确认详细信息元素已关闭(因为只有到那时,打开属性才会被删除)?

最佳答案

为什么不设置aria-expanded在关闭动画之前设置为 false?

关于javascript - HTML5 细节和总结可用性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6529142/

相关文章:

javascript - 没有硬编码位置的链接单击图像更改?

html - 标题 1 导致 DIV 分开

javascript - 如何在指令中获取 ng-class 值

javascript - 为什么 '+' 运算符在 JavaScript 中表现异常?

javascript - Canvas 线条先变浅然后变暗

javascript - 如何在没有 xhr 的情况下获取包含的 js 文件的内容?

html - 语义 'correct' 使用 CSS 设计标签样式的方法 :checked property

html - 如何使 block 级 anchor 标记可访问?

jquery - 如何使 CSS 外部链接(目标 ="_blank")图标可访问?

javascript - AngularJS 中保留键/值关联的对象按字母顺序排列选项