阅读顺序
阅读顺序 指的是内容被访问的顺序,例如当它被屏幕阅读器读出时,或通过诸如按 Tab 键遍历链接或按钮等顺序导航方法进行导航时。默认情况下,网页的阅读顺序由文档的源顺序定义。
通常,源顺序应能表达内容的合理阅读顺序,并且这也应反映在内容布局的视觉顺序中。然而,有时视觉顺序会与源顺序不同步。例如,您可能根据媒体查询为文档应用不同的布局,以适应各种设备或用户需求,或者通过tabindex
调整 Tab 键顺序。
这些更新可能会导致可访问性问题。例如,当一名有视力的屏幕阅读器用户通过内容进行 Tab 键导航时,如果屏幕阅读器的顺序与视觉顺序不同,这将是一种糟糕的用户体验,并且可能不可访问。无论用户如何访问内容,阅读顺序都应该对所有用户有意义。
在 CSS 中修改阅读顺序
可以通过 reading-flow
属性修改元素的阅读顺序,并通过在其子项上设置 reading-order
值来进一步调整。
以下定义对于理解修改后的阅读顺序很重要
- 阅读流容器
-
由于为其
reading-flow
和reading-order
属性设置的值而导致阅读顺序发生变化的元素。 - 阅读流
-
阅读流容器的子元素的修改后的阅读顺序。