Hur läses ett sådan specialtecken upp av t.ex voiceover och är det rätt att använda html som avdelare eller bör man använda en bakgrundsbild på a t.ex?
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.
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>
257 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
