WebAIM - Web Accessibility In Mind

E-mail List Archives

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


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">


---- 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"
>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>
>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
>especially if you are concerned about functionality with CSS off.
>Kynn Bartlett < <EMAIL REMOVED> >
>Writer, Web Developer, Photographer, Game Designer
>Tucson, Arizona

Jon Gunderson, Ph.D.
Director of IT Accessibility Services
Campus Information Technologies and Educational Services (CITES)
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


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