閱讀順序
閱讀順序 指的是內容被訪問的順序,例如當它被螢幕閱讀器讀出時,或透過諸如按 Tab 鍵遍歷連結或按鈕等順序導航方法進行導航時。預設情況下,網頁的閱讀順序由文件的源順序定義。
通常,源順序應能表達內容的合理閱讀順序,並且這也應反映在內容佈局的視覺順序中。然而,有時視覺順序會與源順序不同步。例如,您可能根據媒體查詢為文件應用不同的佈局,以適應各種裝置或使用者需求,或者透過tabindex 調整 Tab 鍵順序。
這些更新可能會導致可訪問性問題。例如,當一名有視力的螢幕閱讀器使用者透過內容進行 Tab 鍵導航時,如果螢幕閱讀器的順序與視覺順序不同,這將是一種糟糕的使用者體驗,並且可能不可訪問。無論使用者如何訪問內容,閱讀順序都應該對所有使用者有意義。
在 CSS 中修改閱讀順序
可以透過 reading-flow 屬性修改元素的閱讀順序,並透過在其子項上設定 reading-order 值來進一步調整。
以下定義對於理解修改後的閱讀順序很重要
- 閱讀流容器
-
由於為其
reading-flow和reading-order屬性設定的值而導致閱讀順序發生變化的元素。 - 閱讀流
-
閱讀流容器的子元素的修改後的閱讀順序。