Bandeaux fixes

Contre-​exemple ergonomique illustré pour questionner l’usage des en-​têtes et pieds de page fixes

Article publié le 21 mai 2018 sous le titre original Sticky elements : functionality and accessibility testing, écrit par Andy Sellick, qui expliquer qu’il peut y avoir des problèmes avec la navigation clavier où l’en-tête fixe reste par-​dessus un élément sur lequel on a le focus et donc, on ne voit pas l’élément focussé.

Article publié le 7 mai 2023 sous le titre original The problem with sticky menus and what to do instead, écrit par Adam Silver où il expose de nombreux problèmes posés par ces bandeaux fixes et comment résoudre tout ça (en trouvant des moyens de ne pas en avoir besoin).

Article publié le 11 septembre 2012 sous le titre original A Sticky Menu Is Quicker To Navigate, écrit par Hyrum Denney

Cet article évoque le fait que les bandeaux fixes peuvent être sources de distraction et être intrusifs (sentiment d’oppression).

Je cite le chapitre Distracting and Intrusive :

If not done carefully, sticky navigation can be distracting. Some sticky elements get delayed when bouncing back into position as the user scrolls down the page. Others are so tall or wide that they dominate the layout and impede access to the content. Navigation should be easily accessible but should not compete with the content for attention.

Technique WCAG C34 : Using media queries to un-​fixing sticky headers /​footers

Lorsqu’on zoome dans une page web, les bandeaux fixes posent problème car ils occupent trop de place et ne laissent plus assez (voire plus du tout) de place pour accéder au contenu de la page.

Cette technique WCAG propose de « défixer » l’en-tête et le pied de page fixes lorsque la fenêtre atteint une certaine hauteur trop petite pour lire le contenu (les éléments fixent pourront toujours être gênants dans d’autres cas ; ça ne résout qu’une partie du problème).