This is a forum where members new and old can come to ask questions and get info and opinions. It is not a place to advertise your business or have other forms of advertising, whether it be in your posts or signature.

All links in the forum will not be indexed by Search Engines and any unapproved forms of advertising or spam will be dealt with accordingly, deleted, and that member's account banned.

Forums

Overview » Web Accessibility » Skip to content/Skip navigation ideas
Reply

Skip to content/Skip navigation ideas

Chris Charlton
Zone Administrator



Since: 04 Apr 2001
Posts: 1,077
Posted 17 Feb 2005 00:46:23

I have not gotten into testing with text-only browsers, nor screenreader application/plugins <i>yet</i>. I do know that skipping to content (skip navigation) is a common request in Accesibility communities, so here's my question/idea:

<b>Hidden &lt;a href="#content" title="Skip to content"/&gt; tag under the &lt;body&gt; tag</b>: I've seen visible text links that are "Skip to content" or "Skip navigation" that jump to an anchor/id. Using an &lt;a&gt; tag that has no inside text (or css: hidden property), you think this is a smart way to not make the design seem obscure with "Skip ..." text having to show, since that's more for people who can't see, or who use a screenreader. Note: I know using the <i>title</i> attribute to say "Skip to content" will make the hidden &lt;a&gt; tag make sense since there is no inner text.

~ ~ ~ ~ ~ ~ ~
Chris Charlton <i>- DMXzone Manager</i>
<font size=1>[ Studio MX/MX2004 | PHP/ASP | SQL | XHTML/CSS | XML | Actionscript | Web Accessibility | MX Extensibility ]</font id=size1>

I have not gotten into testing with text-only browsers, nor screenreader application/plugins <i>yet</i>. I do know that skipping to content (skip navigation) is a common request in Accesibility communities, so here's my question/idea:

<b>Hidden &lt;a href="#content" title="Skip to content"/&gt; tag under the &lt;body&gt; tag</b>: I've seen visible text links that are "Skip to content" or "Skip navigation" that jump to an anchor/id. Using an &lt;a&gt; tag that has no inside text (or css: hidden property), you think this is a smart way to not make the design seem obscure with "Skip ..." text having to show, since that's more for people who can't see, or who use a screenreader. Note: I know using the <i>title</i> attribute to say "Skip to content" will make the hidden &lt;a&gt; tag make sense since there is no inner text.

~ ~ ~ ~ ~ ~ ~
Chris Charlton <i>- DMXzone Manager</i>
<font size=1>[ Studio MX/MX2004 | PHP/ASP | SQL | XHTML/CSS | XML | Actionscript | Web Accessibility | MX Extensibility ]</font id=size1>

Reply to this topic

Message
Reply
Follow us on Facebook Follow us on twitter Subscribe to the RSS feed
Activate your free membership today | Login | Currency