Sorry, I forgot to mention that the menu uses CSS Sprit rollovers so there are
no images
in the markup, therefore no alt tags.
Title tags are irrelevant for accessibility? From W3C: Audio user agents may speak the
title information in a similar context. For example, setting the attribute on a link
allows user agents (visual and non-visual) to tell users about the nature of the linked
resource.
So where does that leave us?
Here is the mark up for my menus (or see the site www.cofieldwines.com.au)...
IMAGE MENU
<div id="menu">
<ul id="nav">
<li><a id="Home" title="Home" href="index.jsp"></a></li>
<li><a id="Wines" title="Wines" href="Wines.jsp"></a></li>
<li><a id="CellarCircle" title="Cellar Circle"
href="CellarCircle.jsp"></a></li>
<li><a id="AboutUs" title="About Us" href="AboutUs.jsp"></a></li>
<li><a id="ContactUs" title="Contact Us" href="ContactUs.jsp"></a></li>
<li><a id="Links" title="Links" href="Links.jsp"></a></li>
</ul>
</div>
HIDDEN MENU
<div id="textmenu"><a title="Home" href="index.jsp">Home</a> |
<a title="Wines" href="Wines.jsp">Wines</a> |
<a title="Cellar Circle" href="CellarCircle.jsp">Cellar Circle</a> |
<a title="About Us" href="AboutUs.jsp">About Us</a> |
<a title="Contact Us" href="ContactUs.jsp">Contact Us</a> |
<a title="Links" href="Links.jsp">Links</a></div>
Regards,
Stuart
Patrick H. Lauke wrote:
Stuart Sherwood wrote:
I have added a hidden menu to a site for those using text browsers or
surfing with images turned off.
The regular menu is image based but uses titles for accessibility,
but this doesn't show in Lynx.
You *ARE* giving those images suitable ALT attributes, I hope? TITLE
is irrelevant for accessibility.
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
