Inclusively Hidden | scottohara.me - 0 views
-
sometimes content is for decorative purposes only, and it would be optimal to not announce this content to assistive technology.
-
don’t use aria-hidden on focusable content
-
Purposefully Hidden from Assistive Technology
- ...1 more annotation...
-
There are various techniques to visually hide content in our web interfaces, but are you aware of the different effects they have on the accessibility of that content? While it would be nice if there was a single, native, solution for hiding content, there are contextual benefits to the various techniques at our disposal. Since there have been many articles already written about these techniques, over the many years they've been in use, the focus of this article will be to highlight the ones that are most appropriate for modern web development. We won't just look at the code behind each of these techniques, instead we'll focus on why each technique has its place, using practical examples to demonstrate their purposes. But before we talk about how to hide content we should ask ourselves a question… Why are we hiding content?