WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: WCAG 2.4.7 and Sticky Navs

for

From: Guy Hickling
Date: Dec 30, 2022 3:03PM

This is also needed for Cookie banners, and the like (where the sticky
cookie banner might take up more height in addition to the sticky menu, and
is often coded at the end of the page where keyboard users can't easily get
to it). I used to recommend adding CSS top and/or bottom margins to the
main content area, of the same height as the sticky content, but that still
has problems when the user is using different text sizes. It looks like
Graham's solution of scroll-margin-top/bottom is much easier, and more
robust. I'm going to try it out.

As to convincing the browsers (e.g. Firefox) to change, good luck with that
one! I put in a bug report to Firefox a few years back, on a matter where
Chrome and Edge did it right but FF were inaccessible. They thought about
it for a month then just closed it. And the problem with asking for changes
like that is there are lots more browsers besides the mainstream ones, so
you can't get them all to change. Whereas if we use existing CSS methods
like scroll-margin-*, most of the browsers will hopefully catch up
eventually :-)