WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: vertical side menus

for

From: Richard Sweet
Date: Mar 12, 2004 12:00PM

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/