Everything you never wanted to know about visually-hidden

Nobody asked for it but nevertheless, I present to you my definitive “it depends” tome on visually-hidden web content. I’ll probably make an amendment before you’ve finished reading. If you enjoy more questions than answers, buckle up! I’ll start with the original premise, even though I stray off-topic on tangents and never recover.

The question

I was nerd-sniped on Bluesky. Ana Tudor asked:

Is there still any point to most styles in visually hidden classes in ’26? Any point to shrinking dimensions to 1px and setting overflow: hidden when clip-path to nothing via inset(50%) / circle(0) reduces clickable area to nothing? And then no 1px dimensions = no need for white-space . @anatudor.bsky.social

Ana proposed the following:

.visually-hidden { /* shouldn't this be enough in 2026? */ position : absolute ; /* take out of document flow */ clip-path : circle ( 0 ); /* reduce clickable area to nothing */ }

Copy Code

Is this enough in 2026?

As an occasional purveyor of the visually-hidden class myself, the question wriggled its way into my brain. I felt compelled to investigate the whole ordeal. Spoiler: I do not have a satisfactory yes-or-no answer, but I do have a wall of text!

... continue reading