Hiding content is very useful for accessibility. We can hide things visually and only display it to screen reader users, we can hide content from screen reader users and only show it visually, or we can hide content from both. Below are some examples of best practice
|Technique||Visually hidden||Screen reader hidden||More info|
|Yes||No||There are multiple ways to accomplish this with CSS. This is the current way we are recommending it.|
In supported browsers, this is the same as
This is overwritten by other techniques. i.e. Using
will cause the element not to be read or seen.