Hiding · 10
Choose four hiding techniques
Visually hidden, unrendered, and accessibility-hidden content are not interchangeable.
What to do
- Keep the first note in the accessibility tree inside a tiny clipped box.
- Hide the second with display: none and the fourth with the hidden attribute.
- Keep the third visibly boxed but remove it from the accessibility tree with aria-hidden.
Result
Run the checks
Edit the HTML and select “Check solution”. The preview updates automatically.
If you are stuck
Only the visually-hidden technique keeps content exposed while reducing its rendered box to about one pixel.