网页可访问性

关于 ARIA 的新规范:AOM,ElementInternals includes ARIAMixin
// 现在有个 API 能直接读取整个可访问性树

W3C 写的使用手册:https://w3c.github.io/html-aria

对 HTML、SVG 语义化的补充:https://w3c.github.io/aria/


// focusgroup 在一组可聚焦元素中使用箭头导航

需要功能: 将焦点限制在某个元素中,能去除这个限制并回到之前的焦点。
的 showModal 方法有这个功能(open 属性没有, show 方法没有),但是标签语义限制了使用场合
关于用 API 限制焦点的讨论: "Expose a stack of blocking elements"
// firefox: -moz-top-layer: top;

需要功能: 将键盘焦点排除一个元素及子元素,避免键盘切换到屏幕外的焦点
display: none 可以将元素从tab tree中删除,但会破坏掉 GPU layer,这将导致我们的为动画所做的优化全部失效。
// aria-hidden="true" 从辅助工具的可访问数中移除
// tabindex: -1 允许通过 JavaScript 或点击聚焦,不允许通过 Tab 键导航。
// 透明, pointer-event:none,移出屏幕 不会破坏GPU layer, 但不会从tab tree中删除
// -moz-user-focus: ignore; html无效?
// inert attribute:chromium bug v60 支持, firefox 81 支持