The Web Needs a Native .visually-hidden
I agree with the reasoning here—a new display
value would be ideal.
I agree with the reasoning here—a new display
value would be ideal.
When to use aria-hidden="true"
, and when you might need display: none
:
aria-hidden
by itself is not enough to completely hide an element from all users, if that is the end goal.
When to use role="presentation"
(or role="none"
):
Where
aria-hidden
can be used to completely hide content from assistive technology, modifying an element’srole
to “none” or “presentation” removes the semantics of the element, but does not hide the content from assistive technologies.
Comparing different ways to hide content accessibly:
There are three reasons behind hiding content in an interface, and it’s important to identify what those reasons are, as they will correlate with the appropriate technique needed to hide such content.
- Temporarily Hidden Content
- Purposefully Visually Hidden Content
- Purposefully Visual-Only Content
The (literally) hidden dangers of copying code snippets from the web and pasting them into the command line.
This cautionary tale backs up a small tip I heard for getting to understand how found code works: deliberately type it out instead of copying and pasting.
Hidden little details that make a big difference for screen readers.
A website is only as beautiful as the underlying markup.