WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: vertical side menus

for

From: Linda.Wells@aeroint.com
Date: Mar 15, 2004 2:31AM

Richard,
That is very helpful, it is just what I wanted but I had no idea how to do
it.

thanks

Linda


> -----Original Message-----
> From: Richard Sweet [mailto: <EMAIL REMOVED> ]
> Sent: 15 March 2004 09:14
> To: <EMAIL REMOVED>
> Subject: RE: vertical side menus
>
>
> 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/
>

************************************************************************
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/