Re: Breadcrumbs

>Then bigger issue here is giving a useful "label" to any
>collection of navigation links on a web page. 

Yes I agree with the "label" notion, I even suggested the title attribute 
myself

>   One design option would be to add the title attribute to
>   the first link, 

> Users generally want to navigate over them to get
> to main content and directly to them to benefit from their
> convenience. 
> ...
> Example markup:
> <map name="navbar" title="Bread Crumbs">


Yes, I even like your suggestion of using the MAP element to group the 
bread crumb links

><ol>
><li><a href="home.html">Home</a></li>
><li><a href="level1.html">Level 1</a></li>
><li><a href="level2.html">Level 2</a></li>
></ol>
></map>

But using an ordered list does not convey to me a bread crumb list.  The 
screen reader would treat this ordered list like any other ordered list, 
and would say:
1. Home
2. Level 1
3. Level 2

Also, the sighted users would not recognize it as a bread crumb list.  The 
only clue the sighted user would get is from the tool tip [ title 
attribute] when they moved the mouse over the map of links.  Using CSS to 
format the order list horizontally would improve it somewhat, but the 
numbers, letters, etc. coming from the order list tag is what doesn't make 
sense to me.  For example, seeing or hearing the following would not be 
recognizable to me as a bread crumb list:

Bread crumbs, Map with 3 items:
1. Home, 2. Level 1, 3. Level 3

No commercial site is using order list to mark-up Bread crumbs.  Ordered 
list only sequence not hierarchy.  But maybe a best practice would be to 
wrap the traditional way of listing links in a bread crumb combined with 
the "label" (title attribute) on a MAP element.  Then the sighted users 
would see no difference from the traditional bread crumb list, except the 
added benefit of the tool tip / mouse over.  And the screen reader and 
keyboard only user would be able to navigate to the list and skip over the 
list, because of MAP support, and the screen reader user would hear 
something like:

Bread crumbs, Map with 3 items:

Home, which includes Products, followed by Specific Product, which 
contains This Page.

Improved example markup without ordered list, but including icons for the 
above:

<map title="Bread Crumbs">
<a href="home.html">Home</a>
<img src="GreaterThan.jpg" alt="which includes"><a 
href="level1.html">Level 1</a>

<img src="GreaterThan.jpg" alt="followed by"><a href="level2.html">Level 
2</a>

<img src="GreaterThan.jpg" alt="which contans">This page.

</map>

which could be replace by a hierarchal bread crumb list <bl> tag in XHTML 
2 in the future:

<bl title="Bread Crumbs">
<li><a href="home.html">Home</a></li>
<li><a href="level1.html">Level 1</a></li>
<li><a href="level2.html">Level 2</a></li>
<li>This page.</li>
</bl>


Regards,
Phill Jenkins

Received on Wednesday, 4 August 2004 15:52:33 UTC