WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Baby Question re separator (greater than and pipe)

for

From: Jon Gunderson
Date: Apr 17, 2006 7:00AM

It is also useful to provide a heading to give a way to
navigate easily to the list.

<h2>Site Information Links</h2>
<ol id="sitenav">
....

If you don't want the H2 showing in a graphical rendering:

<h2 style="position: absolute; left: -200em; top:-20em">Site
Information Links</h2>
<ol id="sitenav">
....

Jon



---- Original message ----
>Date: Sat, 15 Apr 2006 13:54:16 -0700
>From: "Kynn Bartlett" < <EMAIL REMOVED> >
>Subject: Re: [WebAIM] Baby Question re separator (greater
than and pipe)
>To: <EMAIL REMOVED> , "WebAIM Discussion List"
< <EMAIL REMOVED> >
>
>On 3/14/06, smithj7 < <EMAIL REMOVED> > wrote:
>> I actually liked the idea of using a border in the css
style sheet for a
>> separator of links in my required footer (look of footer
established by
>> Parent Organization). Worked fine, till I checked site
without css
>> style sheet.
>
>These days it is probably better to create your navigation
links as a
>list and style it with CSS.
>
><ol id="sitenav">
> <li><a href="/">Home</a></li>
> <li><a href="/about/">About Us</a></li>
> <li><a href="/news/">News</a></li>
> <li><a href="/contact/">Contact Us</a></li>
></ol>
>
>And styles:
>
>ol#sitenav { margin-left: 0; padding-left: 0; }
>#sitenav li { display: inline;
> padding-left: 1em; margin-left: 1em;
> border-left: 1px solid black; }
>#sitenav li:first-child { border-left: none;
> margin-left: 0; }
>
>Or whatever styles you want, really.
>
>Using lists in this way is preferrable to using separator
characters,
>especially if you are concerned about functionality with CSS off.
>
>--Kynn
>
>--
>Kynn Bartlett < <EMAIL REMOVED> >
>Writer, Web Developer, Photographer, Game Designer
>Tucson, Arizona
>http://kynn.com
>
>
>


Jon Gunderson, Ph.D.
Director of IT Accessibility Services
Campus Information Technologies and Educational Services (CITES)
and
Coordinator of Assistive Communication and Information Technology
Disability Resources and Education Services (DRES)

Voice: (217) 244-5870
Fax: (217) 333-0248
Cell: (217) 714-6313

E-mail: <EMAIL REMOVED>

WWW: http://cita.rehab.uiuc.edu/
WWW: https://netfiles.uiuc.edu/jongund/www/