CSS positionnement par ancre : les nouvelles normes affectent l’accessibilité des sites web.
Le positionnement par ancre CSS est désormais pris en charge par les navigateurs récents, offrant une alternative efficace aux notes de marge traditionnelles. Cette méthode permet de maintenir le contenu optionnel à proximité du texte, sans nécessiter de JavaScript. Les notes peuvent contenir plusieurs blocs et se positionnent sous le paragraphe référent sur les fenêtres étroites et les navigateurs plus anciens.
Cette technique a été mise en avant par Eric Meyer en 2023 dans son article « Nuclear Anchored Sidenotes ». L’un des principaux avantages est la flexibilité de placement des notes dans le document HTML, permettant ainsi une meilleure accessibilité pour les lecteurs d’écran et les navigateurs en mode texte.
En ce qui concerne la compatibilité des navigateurs, les premières briques du positionnement par ancre sont attendues dans Chrome 125 (mai 2024), Firefox 147 (janvier 2026) et Safari 26 (septembre 2025). Avant cela, des problèmes de chevauchement de notes peuvent survenir, notamment dans certaines versions de Safari.
Cette nouvelle approche pourrait transformer la manière dont les contenus optionnels sont présentés dans les articles en ligne, en améliorant l’expérience de lecture et en réduisant les distractions. Les utilisateurs pourraient ainsi naviguer plus facilement entre le texte principal et les notes associées, renforçant l’interaction avec le contenu.
Source : Eric Meyer, « Nuclear Anchored Sidenotes ».
