Web accessibility service pageWeb accessibility service page

13.9:H313208 Able to identify group related links.

Improper design

Labels were not used to indicate related links.

Improper design:

  [<A href="linkto/ex.jsp">information</A>][<A href="linkto/ex.jsp">social group</A>]
  [<A href="linkto/ex.jsp">business</A>][<A href="linkto/ex.jsp">entertainment</A>]
  [<A href="linkto/ex.jsp">services</A>]
          

Proper demonstration

The two examples below used DIV label along with id character to indicate related links.

Proper example:

  <DIV id="navigation">
  <P>[<A href="linkto/ex.jsp" id="link1">information</A>][<A href="linkto/ex.jsp" id="link1">social group</A>]
     [<A href="linkto/ex.jsp" id="link1">business</A>][<A href="linkto/ex.jsp" id="link1">entertainment</A>]
     [<A href="linkto/ex.jsp" id="link1">services</A>]
  </P>
	</DIV>
  <DIV id="service">
  <P>[<A href="linkto/ex.jsp" id="link2">audio</A>][<A href="linkto/ex.jsp" id="link2">movie</A>]
     [<A href="linkto/ex.jsp" id="link2">music</A>][<A href="linkto/ex.jsp" id="link2">cartoon</A>]
     [<A href="linkto/ex.jsp" id="link2">games</A>][<A href="linkto/ex.jsp" id="link2">horoscopy</A>]
     [<A href="linkto/ex.jsp" id="link2">fortune telling</A>]
  </P>
  </DIV>
          
End of Main Content