Web accessibility service pageWeb accessibility service page

13.10:H313209 When there is a group related link, add another link to bypass this group of links.

Improper design

No super link bypassing the group link so that users can skip browser.

Improper design:

  <DIV id="Navigation">
  <P>
     [<A href="linkto/ex.jsp" id="link">audio visual</A>][<A href="linkto/ex.jsp" id="link">movie</A>]
     [<A href="linkto/ex.jsp" id="link">music</A>][<A href="linkto/ex.jsp" id="link">cartoon</A>]
     [<A href="linkto/ex.jsp" id="link">games</A>][<A href="linkto/ex.jsp" id="link">horoscope</A>]
     [<A href="linkto/ex.jsp" id="link">fortune telling</A>]
  </P>
  </DIV>
  <P>- - Webpage main content - -</P>
          

Proper demonstration

An proper example uses tabindex and anchor point design. The use of anchor point allows users to skip the browser when the browser does not support tabindex.

Proper example:

  <DIV id="navigation">
  <P>
     [<A href="#content" id="link">skip browser</A>][<A href="linkto/ex.jsp" id="link">audio visual</A>]
     [<A href="linkto/ex.jsp" id="link">movie</A>][<A href="linkto/ex.jsp" id="link">music</A>]
     [<A href="linkto/ex.jsp" id="link">cartoon</A>][<A href="linkto/ex.jsp" id="link">games</A>]
     [<A href="linkto/ex.jsp"id="link" >horoscope</A>][<A href="linkto/ex.jsp" id="link">fortune telling</A>]
  </P>
  </DIV>
  <P>- - <A name="content" tabindex="1">Webpage main content </A> - -</P>
          
End of Main Content