阅读顺序

阅读顺序 指的是内容被访问的顺序,例如当它被屏幕阅读器读出时,或通过诸如按 Tab 键遍历链接或按钮等顺序导航方法进行导航时。默认情况下,网页的阅读顺序由文档的源顺序定义。

通常,源顺序应能表达内容的合理阅读顺序,并且这也应反映在内容布局的视觉顺序中。然而,有时视觉顺序会与源顺序不同步。例如,您可能根据媒体查询为文档应用不同的布局,以适应各种设备或用户需求,或者通过tabindex 调整 Tab 键顺序。

这些更新可能会导致可访问性问题。例如,当一名有视力的屏幕阅读器用户通过内容进行 Tab 键导航时,如果屏幕阅读器的顺序与视觉顺序不同,这将是一种糟糕的用户体验,并且可能不可访问。无论用户如何访问内容,阅读顺序都应该对所有用户有意义。

在 CSS 中修改阅读顺序

可以通过 reading-flow 属性修改元素的阅读顺序,并通过在其子项上设置 reading-order 值来进一步调整。

以下定义对于理解修改后的阅读顺序很重要

阅读流容器

由于为其 reading-flowreading-order 属性设置的值而导致阅读顺序发生变化的元素。

阅读流

阅读流容器的子元素的修改后的阅读顺序。

另见