E-mail List Archives
Thread: Making non-structured menus work
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
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
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
>
>
>