WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Floating Toolbars

for

From: Patrick H. Lauke
Date: Mar 20, 2023 2:56PM

On 20/03/2023 20:23, glen walker wrote:
> Side question regarding sticky headers since Patrick mentioned it. I
> typically mark them as failing 2.4.7 because I often get into a situation
> where my focus is on an element that is "under" the sticky header and I
> can't see it. It's usually a medium priority bug but I still fail it. I
> usually recommend they have real screen real estate for the sticky header
> and not let stuff float underneath it. So the sticky header is a sibling
> DOM element to the rest of the page.

See also the proposed new SCs
https://w3c.github.io/wcag/guidelines/22/#focus-not-obscured-minimum and
https://w3c.github.io/wcag/guidelines/22/#focus-not-obscured-enhanced

and one of the suggested techniques is to provide sufficient scroll
margin (as I did recently on Bootstrap docs, for instance
https://github.com/twbs/bootstrap/pull/37926)

P
--
Patrick H. Lauke

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