CSS - Question expansion: What are the different ways to visually hid...? (#80)

pull/78/merge
Alex Prut 7 years ago committed by Yangshun Tay
parent df43d846dd
commit d8ceb721fb

@ -335,8 +335,16 @@ These techniques are related to accessibility (a11y).
- `width: 0; height: 0`. Make the element not take up any space on the screen at all, resulting in not showing it. - `width: 0; height: 0`. Make the element not take up any space on the screen at all, resulting in not showing it.
- `position: absolute; left: -99999px`. Position it outside of the screen. - `position: absolute; left: -99999px`. Position it outside of the screen.
- `text-indent: -9999px`. This only works on text within the `block` elements. - `text-indent: -9999px`. This only works on text within the `block` elements.
- Metadata. For example by using Schema.org, RDF and JSON-LD.
- WAI-ARIA. A W3C technical specification that specifies how to increase the accessibility of web pages.
I would go with the `absolute` positioning approach, as it has the least caveats and works for most elements. Even if WAI-ARIA is the ideal solution, I would go with the `absolute` positioning approach, as it has the least caveats, works for most elements and it's an easy technique.
###### References
- https://www.w3.org/TR/wai-aria-1.1/
- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
- http://a11yproject.com/
### Have you ever used a grid system, and if so, what do you prefer? ### Have you ever used a grid system, and if so, what do you prefer?

Loading…
Cancel
Save