跳到主要內容
:::|

13.12:H313211 在網頁標題、段落、及列表之前,提供辨別訊息以利識別

說明: 在網頁標題、段落、及列表之前提供標題式的辨別訊息,可讓網頁使用者快 速瀏覽網頁,也有利於使用語音合成器的視障使用者了解網頁內容。視障者無法像一般使用者一樣可以快速的瀏覽網頁,所以當網頁開發者在網頁的各個標題、段落、及列表之前提供內容的辨別訊息,視障者就可以像一般人一樣快速的瀏覽網頁的各個部份,且藉著所提供的辨別訊息,使用者還可以決定直接讀取某一部份或是快速略過該網頁。

範例: 下面例子並未提供資訊的辨別訊息,因此在未讀取資訊內容前,使用者無法知道下面的四條訊息是天才書局的最新消息:

不良設計


不良設計:
            < UL >  
                < LI >最新消息一< /LI >  
                < LI >最新消息二< /LI >  
                < LI >最新消息三< /LI >  
                < LI >最新消息四< /LI >
            < /UL >


正確示範

使用標題標籤在最新消息之前提供可辨別的資訊,使用者可以知道標題下面的四條訊息是天才書局的最新消息。

正確範例:

            < H1 >天才書局最新消息< /H1 >  
            < UL >  
                < LI >最新消息一< /LI >  
                < LI >最新消息二< /LI >  
                < LI >最新消息三< /LI >  
                < LI >最新消息四< /LI >
            < /UL >

上一頁| 回首頁