E-mail List Archives
Thread: RE: Is this menu accessible?
Number of posts in this thread: 2 (In chronological order)
From: julian.rickards@ndm.gov.on.ca
Date: Fri, Jul 04 2003 12:03PM
Subject: RE: Is this menu accessible?
No previous message | Next message →
Do you have an example I could see? I am still having trouble previsualizing
it.
> > I am having a bit of trouble trying to pre-visualize your
> menu but I
> > think I have it. What it appears to me is that you have the
> link text
> > (such as "home", "products", "services", etc) as alt text for the
> > graphic links as well as within the span.
Let me try again.
> Correct, except that the image will not have text, but just be a
> transparent clickable link, and just a square on the left end
> of the li.
> I plan to pull it out to full link width with css. That same css will
> make the span go away.
The square is a graphic? If so, why not use
li {list-style-image: url(/path-to/square.gif);}
and then you don't need to worry about alt text and you could make the
spanned text "unspanned" and visible.
Does my work at http://cuac.org/miss_org/index.php resemble what you are
trying to do? The left navbar is styled using CSS although each link is an
anchor within a paragrah such as <p><a href="">link text</a></p> rather than
a list.
However, at work we use a list of links such as
http://www.mndm.gov.on.ca/mndm/mines/ims/pub/default_e.asp.
Jules
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
From: Big John
Date: Fri, Jul 04 2003 12:22PM
Subject: RE: Is this menu accessible?
← Previous message | No next message
julian rickards wrote:
> Do you have an example I could see? I am still having
> trouble previsualizing it.
I'm writing it now.
> > Correct, except that the image will not have text, but just be a
> > transparent clickable link, and just a square on the left end
> > of the li.
> > I plan to pull it out to full link width with css. That same css will
> > make the span go away.
>
>
> The square is a graphic? If so, why not use
>
> li {list-style-image: url(/path-to/square.gif);}
>
> and then you don't need to worry about alt text and you could make the
> spanned text "unspanned" and visible.
The typical user will see the link BG image as the link, not knowing that
what they are clicking is actually a transparent gif covering the BG. The
span is removed via css. A visible span would interfere with seeing the BG.
The gif will only be a square if css is off, when it will serve as a
convenient spacer between the inline link spans.
This allows a full image css rollover without the accessability issue
associated with the lack of link content. That's the idea, anyway.
Big John
====^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
| Perennial student + Impractical joker + CSS junkie = Big John |
| XXXXXXXXXXX <http://www.positioniseverything.net>; XXXXXXXXXXXXXXXXX |
| XXXXXXXXXXXXX <http://users.rraz.net/mc_on_the_rocks/>; XXXXXXXXXXXX |
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^
__________________________________
Do you Yahoo!?
SBC Yahoo! DSL - Now only $29.95 per month!
http://sbc.yahoo.com
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/