跳到主要內容
:::|

13.2:H213101 如果需要的話,為每個超連結加上內容描述

說明: 視覺障礙者無法以視覺快速掃描方式,找尋網頁內容中的超連結。為了能讓視覺障礙者清楚地了解超連結所連結的資訊,最好能在每個超連結加上內容描述,以提供視覺障礙者循序讀取超連結之上下文資訊。

範例: 在超連結A標籤中沒有使用title屬性來描述該超連結的內容。

不良設計

沒有在超連結中使用title屬性替超連結提供文字說明。

不良設計:

< P >以下提供各書籍相關資料:
< DL >
< DT >『.com的策略規劃與設計』< /DT >
< DD > < A href="com.jsp">網頁< /A >/< A href="com.doc">Word檔< /A > /
< A href="com.pdf">PDF檔< /A > / < A href="com.txt">TXT檔< /A >
< /DD >
< DT >『第二本書』< /DT >
< DD >
< A href="book.jsp">網頁< /A > / < A href="book.doc">Word檔< /A > /
< A href="book.pdf">PDF檔< /A > / < A href="book.txt">TXT檔< /A >
< /DD >
< DT >『第三本書』< /DT >
< DD >
< A href="book.jsp">網頁< /A > / < A href="book.doc">Word檔< /A > /
< A href="book.pdf">PDF檔< /A > / < A href="book.txt">TXT檔< /A >
< /DD >
< /DL >
< /P >

正確示範

在超連結中使用title屬性替超連結提供文字說明。

正確範例:

< P >以下提供各書籍相關資料:< DL >
< DT >『.com的策略規劃與設計』< /DT >
< DD >
< A href="com.jsp" title="『.com的策略規劃與設計』網頁">網頁< /A > /
< A href="com.doc" title="『.com的策略規劃與設計』Word檔">Word檔< /A > /
< A href="com.pdf" title="『.com的策略規劃與設計』PDF檔">PDF檔< /A > /
< A href="com.txt" title="『.com的策略規劃與設計』TXT檔">TXT檔< /A >
< /DD >
< DT >『第二本書』< /DT >
< DD >
< A href="book.jsp" title="『第二本書』網頁">網頁< /A > / 
< A href="book.doc" title="『第二本書』Word檔">Word檔< /A > / 
< A href="book.pdf" title="『第二本書』PDF檔">PDF檔< /A > /
< A href="book.txt" title="『第二本書』TXT檔">TXT檔< /A >
< /DD >
< DT >『第三本書』< /DT >
< DD >
< A href="book.jsp" title="『第三本書』網頁">網頁< /A > /
< A href="book.doc" title="『第三本書』Word檔">Word檔< /A > / 
< A href="book.pdf" title="『第三本書』PDF檔">PDF檔< /A > / 
< A href="book.txt" title="『第三本書』TXT檔">TXT檔< /A > 
< /DD >
< /DL >
< /P >

上一頁| 回首頁