無障礙手冊2A-7:適當使用巢狀標題(Header)呈現文件結構

由於有些身心障礙者習慣以瀏覽文件章節標題的方式,進行網頁內容的閱讀。在我們的網頁裡,也許一頁當中會有許多不同的文章,或者是有許多個的標題。在一般瀏覽器的時候,我們也許用些不一樣的顏色或者是粗體線來區別。但這些對於輔助閱讀軟體來說,因為我們使用相同的標題語法,讓軟體沒法分別網頁當中的標題,因而無法判別網頁的架構,使用者也就不了解這個網頁了。因此以HTML中Header元件來呈現長篇網頁文件章節的層次結構,以利瀏覽器辨別輔助閱讀:

網頁中的標題,以此類推加上了屬於了自己的標題,記住要依照順序加上,這樣一來網頁的架構就很清楚了,而且輔助軟體閱讀也就不會出錯了。而Header標籤範圍是h1~h6:

還有一點要注意的是,因為Header標籤也會有粗體字的視覺效果,因而某些時候會使用Header來標明粗體字,但這樣子會造成文章結構混淆。因此,如果在文章中間需要以粗體字標明時,我們要改用strong加強標籤來製作粗體字效果:

 

 

上一個步驟<適當使用巢狀標題呈現文件結構>下一個步驟

[回首頁]    [回2A等級目錄]