Usability and accessibility » Invisible content

Sebastian Greger This is a living document
Last update:

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

Similar systematic evaluations of methods (with different observations on some details) are available from:

Hiding Content Responsibly | Kitty Giraudel kittygiraudel.com
Unsichtbare Texte — mit HTML, CSS oder ARIA? - [barrierefreies-webdesign.de] barrierefreies-webdesign.de

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 codepen.io

I'm Sebastian, Sociologist and Interaction Designer aiming to bring toge­ther social science and design for inclusive, privacy-focused, and sustainable "human-first" digital strategies. This is my "digital garden" with carefully curated resources. For a more stream-like outlet, see my journal.

My occasionally sent email newsletter has all of the above, and there is of course also an RSS feed or my Mastodon/Fediverse profile.