Lorsque du contenu doit être masqué pour les internautes pouvant utiliser leurs yeux et une souris, mais deumeurer néanmoins lisible des lecteurs d'écran, par souci d'accessibilité, la technique qui vient à l'esprit consiste à appliquer un positionnement absolu au contenu en question et à le décaler le plus souvent vers le haut.

Or, WebAIM démontre, dans un billet paru aujourd'hui, qu'un contenu masqué par un positionnement absolu qui le refoule en haut de la page n'est pas sans inconvénient. En effet, WebAIM signale que, si le contenu masqué en question comporte un élément susceptible de recevoir le focus lors d'une navigation au clavier, le navigateur tentera de défiler vers le haut pour atteindre l'élément en question lorsque la navigation au clavier l'atteint, ce qui peut confondre les utilisateurs qui naviguent au clavier et n'utilisent pas de lecteurs d'écran.

Aussi WebAIM préconise-t-il de positionner en absolu l'élément à masquer, certes, mais en le décalant uniquement vers la gauche. Autrement dit, les propriétés CSS à utiliser doivent se limiter à celles-ci :

#my-hidden-content {
  position: absolute;
  left: -10000px;
}

Selon le contexte de la feuille de style, vous pouvez ajouter la propriété top, mais en lui appliquant sa valeur par défaut (à savoir, auto).