Använda » som separator i brödsmula?

För screen readers (jag vet att iaf Jaws gjorde det förr) kommer » uttalas "right double angle bracket", och det är inte helt optimalt kanske.

Eftersom brödsmulor är en lista av länkar i en specifik ordning är det logiskt att använda en OL för dessa, och då kan du ju om du vill lägga en bakgrundsbild i dina li- eller a-taggar. Om du vill använda dig av tecknet » skulle du ju kunna använda dig av psuedoelementet :after och sätta content med CSS specifikt för skärmvisningen.

li a:after { content: '»'; }

Men eftersom det inte stöds av Internet Explorer så är nog det bästa just nu en bakgrundsbild skulle jag tro.

/d

lägg gärna till .first resp .last i din breadcrumbslista.
på så sätt kan du bestämma om den första &/el sista listelementet ska ha nån bakgrundsbild öht

tex

ol li a {
background:url(/img/breadcrumb.gif) 3% 50% no-repeat
}
ol li.first a {
background:none
}

<ol>
<li class="first">start</li>
<li>kategori</li>
<li>du är här</li>
</ol>