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


>