Accessible breadcrumbs using ARIA

example.html

<ul>
    <li><a href="index.html" title="Home">Home</a></li>
    <li><a href="products.html" title="Products">Products</a></li>
    <li><a href="shoes.html" title="Shoes">Shoes</a></li>
</ul>

my_pattern.html

<nav role="navigation">
    <p id="breadcrumblabel">You are here:</p>
    <ol id="breadcrumb" aria-labelledby="breadcrumblabel">
        <li><a href="index.html" title="Home">Home</a></li>
        <li><a href="products.html" title="Products">Products</a></li>
        <li><a href="shoes.html">Shoes</a></li>
    </ol>
</nav>

nav_example.html

<nav>
    <p>
        <a href="/" rel="index up up up">Main</a> >
        <a href="/products/" rel="up up">Products</a> >
        <a href="/products/dishwashers/" rel="up">Dishwashers</a> >
        <a>Second hand</a>
    </p>
</nav>