E-mail List Archives

Re: Accessible menus

for

From: julian.rickards@ndm.gov.on.ca
Date: Apr 23, 2003 10:52AM


Eric Meyer (and two other people) devised a method of creating heirarchical
menus using Pure CSS but it is not supported by IE but does work in Mozilla
and Opera 7. Go to http://www.meyerweb.com/eric/css/edge/menus/demo.html
with either of these browsers. Because the effect is created by CSS, the
underlying list structure is available. Using an IE/CSS hack to hide CSS
from IE, you can make the full list visible to IE yet allow the pop-up
effect to work with the other two browsers. (Eric hasn't used the IE hack so
only the top level list is visible.) Text browsers such as lynx would see
the whole list.

Jules

> -----Original Message-----
> From: Carol Foster [mailto: <EMAIL REMOVED> ]
> Sent: Wednesday, April 23, 2003 12:35 PM
> To: <EMAIL REMOVED>
> Subject: Re: Accessible menus
>
>
> We have been looking at this too and would be interested in
> others'. The ideas
> that we have found that appeal most so far are:
>
> 1. Using nested lists.
> 2. Using icons before the menu items, either invisible or
> preferably not, with
> alt text such as "subtopic of products:" for the the subtopics.
>
> Carol
>
> Benjer wrote:
>
> > Firstly hello, as this is my first post to the list.
> >
> > I've recently been learing about building accessible
> websites. I now test
> > all websites that I build in lynx on OSX.
> >
> > I'm not sure how to go about making a hierachial menu accessible ie:
> >
>
> --
> Carol Foster, Web Developer
> Internet Publishing Group, Information Technology Services
> University of Massachusetts, President's Office
> phone: (413) 587-2130
> fax: (413) 587-2148
> mailto: <EMAIL REMOVED>
> http://www.umass-its.net/ipg
> --
>
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>


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