跳到主要內容
:::|

13.3:H213202 指向不同網址的超連結,不可使用相同的超連結說明

說明: 視覺障礙者是藉由語音瀏覽器聽取網頁資訊,網頁開發者針對指向不同網址的超連結,不可使用相同的超連結說明,以避免視覺障礙者所使用的語音瀏覽器讀出混淆的超連結內容。

範例: 指向不同網址的超連結不可以使用相同的超連結說明,如果無法避免使用相同的超連結標籤話,可以在A標籤中使用title屬性來區別彼此之間的不同。範例中在上方的首頁連結是連結到我的E化政府網站首頁,而下方的首頁連結則是回到行政院研考會的首頁,卻使用相同的超連結說明。

不良設計

不良設計:

< A href="http://www.gov.tw" >首頁< /A > > < a href="ex.jsp" >行政院< /a > > < a href="ex.jsp" >行政院研考會< /a > > 最新消息 < H2 >最新消息...< /H2 > < P >最新消息內容...< /P > 相關消息請至行政院研考會網站< A href="http://www.rdec.gov.tw" >首頁< /A >

正確示範

在A標籤中使用title屬性來區別彼此之間的不同。

正確範例:

< A href="http://www.gov.tw" title="回我的E化政府網站首頁" >首頁< /A > > < A href="ex.jsp" >行政院< /A > > < A href="ex.jsp" >行政院研考會< /A > > 最新消息 < H2 >最新消息...< /H2 > < P >最新消息內容...< /P > 相關消息.....請至行政院研考會網站 < A href="http://www.rdec.gov.tw" title="回行政院研考會首頁" >首頁< /A >

設定成不同的文字連結說明。

正確範例:

< A href="http://www.gov.tw" >首頁< /A > > < A href="ex.jsp" >行政院< /A > > < A href="ex.jsp" >行政院研考會< /A > > 最新消息 < H2 >最新消息...< /H2 > < P >最新消息內容...< /P > 相關消息請至行政院研考會網站.....< A href="http://www.rdec.gov.tw" >回研考會首頁< /A >

上一頁| 回首頁