Exploring the visually-hidden css
My personal website and blog around frontend topics.
The anatomy of visually-hidden - Vispero
tpgi.comYou've probably used visually-hidden content before. But how does the CSS actually work, and why do we use those particular properties?
Web Native “Visually Hidden”
Two cents on the topic of native visually hidden elements for the web. You didn’t ask for it, but I delivered anyway.
Visually hidden links with 0 dimensions - Manuel Matuzovic
A quick note about using 0 dimensions in visually-hidden links
A practical guide to using shadow DOM
How (and why) to use shadow DOM, now that the declarative syntax is here.
Some use cases for revert-layer
It's time to start using this underutilized keyword, even if you're not using cascade layers yet.
Presentational shadow DOM
Assorted thoughts on shadow DOM, div soups, and a cursed CSS idea.
SVG Icon Sprites in Eleventy
Use SVG icons in Eleventy and only ship the code you need.
wsf-xxxvi
The personal website of Dan Cătălin Burzo.
Native visually hidden
I did some research on last year’s debate whether we need it.
Don’t Use aria-label on Static Text Elements
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.
The Web Needs a Native .visually-hidden
For years, developers have passed around a set of styles like a magic incantation. It’s time we made it a web standard.
Inclusively Hidden
There are various ways to hide content in web interfaces, but are you aware of the different ways they can impact the accessibility of the ‘hidden’ content? ...
CSS to speech: alternative text for CSS-generated content
— The personal website of Sara Soueidan, inclusive Web UI engineer