algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-30 13:43:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Alex Prut
2017-10-27 19:03:22 +02:00
committed by Yangshun Tay
parent df43d846dd
commit d8ceb721fb
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front-end/interview-questions.md
View File

@ -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.
- `position: absolute; left: -99999px`. Position it outside of the screen.
- `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?