CSS reading-flow和reading-order属性简介
阅读流（reading-flow）和阅读顺序（reading-order）是两项用于改进网页键盘无障碍访问的新CSS属性。它们解决了传统tabindex属性在复杂页面中容易产生全局索引冲突的问题，特别适用于视觉顺序与DOM顺序不一致的布局场景。这两个属性需与Flex或Grid布局配合使用。 在Flex布局中，reading-flow的常用值为flex-visual，它强制Tab键的焦点顺序与视觉排列顺序（即order属性调整后的顺序）一致，而非DOM顺序。另一个值flex-flow则使焦点顺序与flex-flow属性定义的方向保持一致。 在Grid布局中，reading-flow提供了更多选项：grid-rows使焦点按行逐个移动，grid-columns使焦点按列移动，而grid-order则优先按照CSS order属性定义的顺序来聚焦元素。 当需要更精细地控制单个子项的焦点顺序时，可以配合reading-order属性使用。通过将reading-flow设置为source-order，并为目标元素指定reading-order的数值（支持负值），可以强制该元素在焦点序列中的位置。这两项特性目前主要由Chrome浏览器支持，属于渐进增强特性，建议在Flex布局中默认添加reading-flow: flex-visual，以在支持时提升用户体验。