選單
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

可訪問性 標題簡介


在我們對語義元素的介紹中,您學會了使用標題元素。

標題是描述其後續內容的文字。

— The Paciello Group, 標題與可訪問性

您可能不知道的是,標題對於可訪問的導航非常重要。有視力的使用者會掃描網頁以瞭解頁面結構。螢幕閱讀器使用者也是如此,他們使用標題來導航和掃描頁面。

標題在視覺上和措辭上都必須清晰。頁面的標題結構構成了頁面的大綱。您可以將其視為頁面的骨架。

報紙使用大量標題。The Straits Times 的頭版有超過 80 個標題。

Screenshot from the front page of The Straits Times, showing a logo, the heading Top stories and an article heading.

所有這些標題構成了一個大綱。

The document outline of The Straits Times, showing a logical structure with an h1, an h2 and two h3s.

這是一個良好的文件大綱。級別設定合理。文字清晰。

在下一模組中,您將學習輔助技術和螢幕閱讀器。作為預告,您應該觀看 Google 的 Rob Dodson 演示使用螢幕閱讀器時標題的重要性。影片的前五分鐘解釋了標題在螢幕閱讀器中的使用。



×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援