Proper ARIA handling of breadcrumb navigation

后端 未结 4 1003
后悔当初
后悔当初 2021-01-31 20:53

What can be done to improve the accessibility of a breadcrumb menu similar to:

4条回答
  •  猫巷女王i
    2021-01-31 21:57

    Going from using a screen reader and reading this blog post, the rel attributes won't make a difference to A.T. As for using aria-level, it works if you put it on the anchor tags. I'd also advise wrapping the list in a nav element, for semantic purposes and to save the need of putting a navigation role on the list when you don't need to.

    I wound up with this markup for what I think is a not-too-bad breadcrumb. Hide the bullets using CSS (I didn't stop to do that I'm afraid) and I'd say its good.

    
    

    Hope this helps!

提交回复
热议问题