無障礙網路空間服務網無障礙網路空間服務網

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

不良設計

指向不同網址的超連結,不可以使用相同的超連結說明。如果無法避免則需要在A標籤中使用title屬性,區別彼此之間的不同。下列例子相同的超連結說明,且未用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>
            
網頁內容結束分隔線