![]() ![]() |
13.10:H313209 When there is a group related link, add another link to bypass this group of links.Improper designNo 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> End of example Proper demonstrationAn 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 example |
![]() |