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

12.5:H212204 儘可能將網頁內容有相關之元素聚集在一起

不良設計

沒有使用DIV標籤區隔類似的連結。

不良設計:

  <P>壯壯通訊行販賣手機廠牌明細表</P>
  三星<BR>
  摩托羅拉<BR>
  新力易利信<BR>
  夏普<BR>
  <BR>
  <A href="linkto/ex.jsp">功能介紹</A><A href="linkto/ex.jsp">手機價格</A>
  <A href="linkto/ex.jsp">售後服務</A><A href="linkto/ex.jsp">保固資訊</A>
          

正確示範

使用UL及DIV標籤聚集類似的連結,在下列的例子中可以分為兩類,廠牌明細表為一類,網站導覽連結為一類。

正確範例:

  <DIV>
  <P>壯壯通訊行販賣手機廠牌明細表</P>
  <UL>
  <LI>三星</LI>
  <LI>摩托羅拉</LI>
  <LI>新力易利信</LI>
  <LI>夏普</LI>
  </UL>
  </DIV>
  <DIV>
      [<A href="linkto/ex.jsp">功能介紹</A>][<A href="linkto/ex.jsp">手機價格</A>]
      [<A href="linkto/ex.jsp">售後服務</A>][<A href="linkto/ex.jsp">保固資訊</A>]
  </DIV>
          
網頁內容結束分隔線