WebAIM - Web Accessibility In Mind

E-mail List Archives

Breadcrumbs, aria-current, and tabindex zero


From: Beattie, Allan
Date: Dec 30, 2017 11:27AM

I've been reviewing our website and comparing patterns to the examples given in the WAI-ARIA Authoring Practices. I'd like some opinions on whether what I've done with our breadcrumb is advisable.

It seems odd to make the last item in the list a link, since it's the current page, but if the element isn't focusable users won't benefit from the `aria-current` attribute.

So I added `tabindex="0"` to the last item in the list to make it focusable, even though it won't do anything.

Full markup is as follows:

<nav role="navigation" aria-label="Breadcrumb">
<li><a href="foo">Foo</a></li>
<li><a href="bar">Bar</a></li>
<li tabindex="0" aria-current="page">Baz</li>

It sounds fine, at least in the latest NVDA and JAWS, but users of browser / atech combinations that don't recognise `aria-current` will be left wondering what the heck this is.

Have we commited an a11y faux pas?

Allan A Beattie
Senior Web Developer

Digital & Information Services | University of Aberdeen
e: <EMAIL REMOVED> <mailto: <EMAIL REMOVED> > | t: +44 (0)1224 27 4486

The University of Aberdeen is a charity registered in Scotland, No SC013683.
Tha Oilthigh Obar Dheathain na charthannas cl?raichte ann an Alba, ?ir. SC013683.