Visibility
Three ways to disappear, each honest about what it keeps.
| Class | Does |
|---|---|
.u-invisible / .u-visible | hidden but keeps its space and tab order off |
.u-none | gone from layout and the accessibility tree |
.u-sr-only | invisible to eyes, present to screen readers — labels, skip links |
visibleinvisibleafter the gap
The middle badge is .u-invisible — its space survives. This sentence is read aloud but never seen.
invisible keeps the gap; sr-only speaks