网页可访问性
// 现在有个 API 能直接读取整个可访问性树
W3C 写的使用手册:https://w3c.github.io/html-aria
对 HTML、SVG 语义化的补充:https://w3c.github.io/aria/
// focusgroup 在一组可聚焦元素中使用箭头导航
需要功能: 将焦点限制在某个元素中,能去除这个限制并回到之前的焦点。
关于用 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 支持