WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: vertical side menus

for

From: Richard Sweet
Date: Mar 15, 2004 2:21AM

Have a look at

http://homepage.ntlworld.com/russell.baldwin/csstest/menu1.html

(and other pages on that site).

I think the problems with different browsers come from the method of
positioning, rather than the list idea itself. There are some minor problems
with the css display on some browsers, but nothing that's the end of the
world. If you were doing something simpler those problems wouldn't arise
anyway. Most importantly, it works fine with screenreaders, no mouse etc.

(I have no association with this site!)

Richard


> -----Original Message-----
> From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ]
> Sent: 15 March 2004 07:53
> To: <EMAIL REMOVED>
> Subject: RE: vertical side menus
>
>
> Richard,
> Could you provide a link to an example of a complex menu done
> in the way you describe?
>
> Linda
>
>
> > -----Original Message-----
> > From: Richard Sweet [mailto: <EMAIL REMOVED> ]
> > Sent: 12 March 2004 18:53
> > To: <EMAIL REMOVED>
> > Subject: RE: vertical side menus
> >
> >
> > A menu is (normally) a list. If you make your menu an <ul> and give
> > each item a <li> tag they become distinct. You can then use the css
> > "list-style-type: none" property if you don't actually want a
> > bullet to
> > appear visually.
> >
> > This also works for a horizontal menu bar, or lists of links where
> > you don't want them on separate lines. Simply use the "display:
> > inline" css property.
> >
> > Using <UL> and css actually allows you to create quite complex menus
> > with subheadings etc by nesting the lists and giving them class or
> > id attributes
> > and works well (in my experience) from an accessibility point
> > of view. Even
> > if stylesheets are changed by the user or not supported it
> > still appears as
> > a straightforward list.
> >
> > Hope this helps.
> >
> > Richard
> >
> >
> > > -----Original Message-----
> > > From: Stephanie Warenski [mailto: <EMAIL REMOVED> ]
> > > Sent: 12 March 2004 16:23
> > > To: <EMAIL REMOVED>
> > > Subject: vertical side menus
> > >
> > >
> > > Hi everybody,
> > >
> > > I actually have a general question this time. When I was
> testing my
> > > work in Bobby, I was reminded that adjacent links need to be
> > > separated by more than white space. So, in a vertical side menu,
> > > paragraph breaks aren't enough. My work around was a
> table with a
> > > zero pixel border. What other work arounds have been used?
> > >
> > > Thank you everybody.
> > >
> > > Stephanie Warenski
> > >
> > >
> > > ----
> > > To subscribe, unsubscribe, suspend, or view list archives, visit
> > > http://www.webaim.org/discussion/
> > >
> > >
> >
> > > -----Original Message-----
> > > From: Stephanie Warenski [mailto: <EMAIL REMOVED> ]
> > > Sent: 12 March 2004 16:23
> > > To: <EMAIL REMOVED>
> > > Subject: vertical side menus
> > >
> > >
> > > Hi everybody,
> > >
> > > I actually have a general question this time. When I was testing
> > > my work in Bobby, I was reminded that adjacent links need to be
> > > separated by more than white space. So, in a vertical side menu,
> > > paragraph breaks aren't enough. My work around was a table with a
> > > zero pixel border. What other work arounds have been used?
> > >
> > > Thank you everybody.
> > >
> > > Stephanie Warenski
> > >
> > >
> > > ----
> > > To subscribe, unsubscribe, suspend, or view list archives, visit
> > > http://www.webaim.org/discussion/
> > >
> > >
> >
> >
> >
> > ----
> > To subscribe, unsubscribe, suspend, or view list archives, visit
> > http://www.webaim.org/discussion/
> >
>
> **************************************************************
> **********
> This Internet E-mail is intended solely for the person to
> whom it is addressed. It may contain confidential or
> privileged information. If you have received it in error
> please notify us immediately by telephone and destroy the
> transmission. You must not copy, distribute or take any
> action in reliance on it.
>
> Aerosystems International Phone: +44 (0)1935 443000
> Fax : +44 (0)1935 443111
> Web : www.aeroint.com
> **************************************************************
> **********
>
>
> ----
> To subscribe, unsubscribe, suspend, or view list archives,
> visit http://www.webaim.org/discussion/
>
>



----
To subscribe, unsubscribe, suspend, or view list archives,
visit http://www.webaim.org/discussion/