Design for all » Inclusive usability » Invisible content
Sometimes we want to hide content on websites, either visually or completely, for a variety of reasons. Getting it right is important, as hiding things with CSS can have an accessibility impact.
My personal go-to resource is Tollwerk’s thorough overview of the various methods and their pros and cons (in German):
Barrierefrei Verstecken: HTML, CSS, ARIA & Co. | tollwerk
tollwerk.de/projekte/tipps-techniken-inklusiv-barrierefrei/barrierefrei-verstecken
Similar systematic evaluations of methods (with different observations on some details) are available from:
Hiding Content Responsibly | Kitty Giraudel
Unsichtbare Texte — mit HTML, CSS oder ARIA? - [barrierefreies-webdesign.de]
barrierefreies-webdesign.de/knowhow/verstecken-von-inhalten/
In depth
For the ultimate analysis of hiding methods and their impact, Vincent Valentin’s tabular matrix covers all aspects of any technique available:
removal techniques and implications
Last edited: Sep 2022