WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Fourth rule of aria > aria-hidden

for

From: Patrick H. Lauke
Date: Jan 22, 2018 2:29AM

On 22/01/2018 09:21, Fernand van Olphen wrote:
> Hi everyone,
>
> According to the fourth rule of ARIA, you shouldn't use aria-hidden="true" on a visible focusable element.
>
> So, this markup is a violation:
>
> <button aria-hidden="true">press me</button>
>
> What about the next markup?
>
> <div aria-hidden="true">
> (some other markup ...)
> <button>press me</button>
> (some other markup ...)
> </div>
>
> In this case aria-hidden="true" is used on the container div, and the visible focusable element sits inside it. Is this also a violation of the fourth rule?

Yes.

The whole point is: if there's something than can receive focus, don't
hide it. It's irrelevant if you apply aria-hidden to the thing, or the
parent/ancestor of the thing.

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke