Accessibility Questions: Nested ordered list as navigation breadcrumb

[Michael S Elledge]

Hi Jonathan--

You may want to go with no list at all, and with the Item 1 > Item 2 > 
Item 3 sequence that has become conventional--if not very logical for 
screen reader users.

Otherwise I wonder if screen reader users might confuse it with the 
navigation bar. Just a thought.

Mike

Jonathan Hung wrote:
> Hi everyone,
>
> A navigation breadcrumb is typically a sequence of text links implying 
> a hierarchical relationship between breadcrumbs. A logical 
> implementation in HTML would be to use an ordered list, however there 
> are two approaches to doing this:
>
> 1. A flat ordered list.
> 2. A nested ordered list.
>
> Example: Item 1 > Item 2 > Item 3
>
> Approach 1 - Flat List: <ol><li>Item 1</li> <li>Item 2</li> <li>Item 
> 3</li></ol>
> Approach 2 - Nested List: <ol><li>Item 1</li> <li><ol><li>Item 2</li> 
> <li><ol><li>Item 3</li></ol></li></ol></li></ol>
>
>
> Question 1: Which of these approaches would be preferred with respect 
> to accessible navigation? The nested list approach carries more 
> relational information, but may be unnecessary.  Seems to me that 
> Approach 2 is better suited for a menu system and not necessarily for 
> flat navigation.
>
> Question 2: Is there an alternative implementation that should be 
> considered?
>
> Thanks!
>
> - Jonathan.
>
> ---
> Jonathan Hung / jhung.utoronto at gmail.com <mailto:jhung.utoronto at gmail.com>
> Fluid Project - ATRC at University of Toronto
> Tel: (416) 946-3002
> ------------------------------------------------------------------------
>
> _______________________________________________________
> fluid-work mailing list - fluid-work at fluidproject.org
> To unsubscribe, change settings or access archives,
> see http://fluidproject.org/mailman/listinfo/fluid-work
>