WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Making non-structured menus work

for

Number of posts in this thread: 5 (In chronological order)

From: Seth Rothberg
Date: Wed, Aug 25 2004 1:47PM
Subject: Making non-structured menus work
No previous message | Next message →

I've been redesigning our library's web page template and would welcome some
feedback from list members on a couple of strategies for accessibility that
I've adopted.

The test page is at http://www.joneslibrary.org/newbanner.html.

At the moment I'm particularly concerned with the top navigation bar. My
instinct these days is to make menus unordered lists, but I found that when I
styled the as "display:in-line", so that I could make a horizontal
navigation bar, I did not have suffecient control over the display in any
browser to make it look the way I wanted it to.

So I've opted for a menu that consists of a non-structured list of links
bordered by two graphics whose alt text announces the beginning and end of
the menu.

This seems to work, but I've got a feeling I'm missing something on the
screen-reader aesthetic end (not to mention a visual aesthetic) as well as
accessible end.

Thanks,

Seth Rothberg
Web Master, Jones Library
http://www.joneslibrary.org

From: Seth Rothberg
Date: Wed, Aug 25 2004 1:47PM
Subject: Making non-structured menus work
← Previous message | Next message →

I've been redesigning our library's web page template and would welcome some
feedback from list members on a couple of strategies for accessibility that
I've adopted.

The test page is at http://www.joneslibrary.org/newbanner.html.

At the moment I'm particularly concerned with the top navigation bar. My
instinct these days is to make menus unordered lists, but I found that when I
styled the as "display:in-line", so that I could make a horizontal
navigation bar, I did not have suffecient control over the display in any
browser to make it look the way I wanted it to.

So I've opted for a menu that consists of a non-structured list of links
bordered by two graphics whose alt text announces the beginning and end of
the menu.

This seems to work, but I've got a feeling I'm missing something on the
screen-reader aesthetic end (not to mention a visual aesthetic) as well as
accessible end.

Thanks,

Seth Rothberg
Web Master, Jones Library
http://www.joneslibrary.org

From: Ruth Stillman
Date: Thu, Aug 26 2004 7:25AM
Subject: Re: Making non-structured menus work
← Previous message | Next message →

Seth,

A good resource for styling horizontal as well as vertical lists is Listamatic
located at http://css.maxdesign.com.au/listamatic/index.htm. I have used
several of the examples there and have not had any problems controlling
the display across various browsers.

Ruth


>At the moment I'm particularly concerned with the top navigation bar. My
>instinct these days is to make menus unordered lists, but I found that
when
>I styled the as "display:in-line", so that I could make a horizontal
>navigation bar, I did not have suffecient control over the display in any
>browser to make it look the way I wanted it to.

From: julian.rickards@ndm.gov.on.ca
Date: Thu, Aug 26 2004 7:55AM
Subject: Re: Making non-structured menus work
← Previous message | Next message →

I just realized something: did you (Seth) use display: in-line or display:
inline (without the hyphen)? It should be without the hyphen.

-----------------------------------------------
Julian Rickards
A/Digitial Publications Distribution Coordinator
Publication Services Section,
Ministry of Northern Development and Mines,
Vox: 705-670-5608 / Fax: 705-670-5960


-----Original Message-----
From: ruth [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Thursday, August 26, 2004 9:21 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Making non-structured menus work



Seth,

A good resource for styling horizontal as well as vertical lists is
Listamatic
located at http://css.maxdesign.com.au/listamatic/index.htm. I have used
several of the examples there and have not had any problems controlling
the display across various browsers.

Ruth


>At the moment I'm particularly concerned with the top navigation bar. My
>instinct these days is to make menus unordered lists, but I found that
when
>I styled the as "display:in-line", so that I could make a horizontal
>navigation bar, I did not have suffecient control over the display in any
>browser to make it look the way I wanted it to.

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

From: Seth Rothberg
Date: Thu, Aug 26 2004 9:00AM
Subject: Re: Making non-structured menus work
← Previous message | No next message

Hi Julian,

I had it as "display:inline" in the source. It's one of those things I need to
look up every time I use it.

Thanks,
Seth

On Thursday 26 August 2004 09:51 am, julian.rickards wrote:
> I just realized something: did you (Seth) use display: in-line or display:
> inline (without the hyphen)? It should be without the hyphen.
>
> -----------------------------------------------
> Julian Rickards
> A/Digitial Publications Distribution Coordinator
> Publication Services Section,
> Ministry of Northern Development and Mines,
> Vox: 705-670-5608 / Fax: 705-670-5960
>
>
> -----Original Message-----
> From: ruth [mailto: = EMAIL ADDRESS REMOVED = ]
> Sent: Thursday, August 26, 2004 9:21 AM
> To: WebAIM Discussion List
> Subject: Re: [WebAIM] Making non-structured menus work
>
>
>
> Seth,
>
> A good resource for styling horizontal as well as vertical lists is
> Listamatic
> located at http://css.maxdesign.com.au/listamatic/index.htm. I have used
> several of the examples there and have not had any problems controlling
> the display across various browsers.
>
> Ruth
>
> >At the moment I'm particularly concerned with the top navigation bar. My
> >instinct these days is to make menus unordered lists, but I found that
>
> when
>
> >I styled the as "display:in-line", so that I could make a horizontal
> >navigation bar, I did not have suffecient control over the display in any
> >browser to make it look the way I wanted it to.
>
> ----
> To subscribe or unsubscribe, visit http://www.webaim.org/discussion/
>
> ----
> To subscribe or unsubscribe, visit http://www.webaim.org/discussion/