跳到主要內容
:::|

13.1:H213200 設計並確保有意義的超連結說明,便於網頁內容的閱讀

說明: 視覺障礙者是藉由語音瀏覽器瀏覽網頁資訊,網頁開發者必須設計並確 保有意義的超連結說明。以清晰且明確的字辭陳述朝連結,以便於語音瀏覽器讀出朝連結內容,擷取超聯結所欲顯示的資訊內容。/p>

範例: 根據調查一般網路使用者瀏覽網頁時,視線常常只在網頁上的各連結間跳躍,而選擇只讀取網頁上的超連結資料,更是視障者瀏覽網頁時所常用的功能,所以超連結的文字敘述必須是有意義而獨立的,不必要求使用者閱讀該連結的上下文才了解該連結的用途,應該在單獨讀取文字連結時便能夠讓使用者了解該超連結的意義或功能。

不良設計是使用無意義的文字連結,使用者無法由該連結的文字內容知道該超連結的意義。

不良設計

連結的文字設計沒有實質上的意義。

不良設計:

< P > < A href = "101.zip " >下載< /A >< /P >
< P > < A href = "ex.jsp" >範例< /A >< /P >

正確示範

使用有意義的文字做為超連結,讓使用者不需閱讀上下文也能了解該連結的功能。

正確範例:

< P >< A href = "101.zip" >下載101大樓的兩張照片(zip檔案)< /A >< /P >
< P >< A href = "ex.jsp" >純文字網頁的範例< /A >< /P >

上一頁| 回首頁