WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [EXTERNAL] Breadcumb nav same page accessibility

for

From: James Nurthen
Date: Dec 11, 2019 11:36AM

Not CSS, you need to add ARIA to force the list role.
Scott's blog does cover it well.

Just wanted to make sure that folks understand that when testing.

On Wed, Dec 11, 2019 at 10:08 AM glen walker < <EMAIL REMOVED> > wrote:

> If you turn off list styling, then yes, Safari/VO chooses not to convey the
> semantics of the list, which I personally feel is wrong. It's still a list
> even if I don't have bullet points. I believe there is some CSS magic you
> can do to still have VO read it as a list even with bullet points off.
> Scott O'Hara has a blog regarding that -
> https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
>
>
> On Wed, Dec 11, 2019 at 10:22 AM James Nurthen < <EMAIL REMOVED> > wrote:
>
> > On Mon, Dec 9, 2019 at 4:24 PM glen walker < <EMAIL REMOVED> >
> wrote:
> >
> > > Whether you use ol/ul shouldn't matter because you're going to turn off
> > the
> > > styling so that you don't get numbers or bullet points. The important
> > > semantic info is that you hear there's a list. There's marginally more
> > of
> > > a reason to use ol because the breadcrumb does have an order.
> > >
> > >
> > Except with Safari/VO you will not hear it is a list - so don't worry if
> in
> > testing on these platforms a list is not communicated.
> >
> > I will also note there is a breadcrumb pattern in the ARIA authoring
> > practices at
> > https://www.w3.org/TR/wai-aria-practices/examples/breadcrumb/index.html
> >
> > Regards,
> > James
> > > > > > > > > >
> > > > >