WebAIM - Web Accessibility In Mind

E-mail List Archives

SV: vertical side menus

for

From: Sverre Andreas Holbye
Date: Mar 13, 2004 8:48AM

Hi listers,

I've had this problem for a long time but not in my menus since I've
solved this with the list tags as described by Richard Sweet. My problem
now is that when writing articles, news posts and so on I often link to
mentioned resources. For instance I could write "BBC, CBS and CNN did
bla bla bla..." Where I would link to the actual BBC and CBS page and
consequently get a Bobby (WAI) error. So far I've solved this problem
with not using links in the text at all and have a list of resources
mentioned in the actual post at the end of the post. This may be a good
solution or it may not. Does anyone have any comments on my solution
with regards to accessibility and usability? Is this a bad practise, if
so, how could I do this better? How is it possible in a text to have
adjacent links that not impose a problem for screen reader users?


Med vennlig hilsen / Kind regards

Andreas Holbye
IT-Konsulent / ICT-consultant for the blind and visually impaired


-----Opprinnelig melding-----
Fra: Richard Sweet [mailto: <EMAIL REMOVED> ]
Sendt: 12. mars 2004 19:53
Til: <EMAIL REMOVED>
Emne: 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


>