From d8ceb721fbf397aae7a6cb820d6956cca8907c72 Mon Sep 17 00:00:00 2001 From: Alex Prut Date: Fri, 27 Oct 2017 19:03:22 +0200 Subject: [PATCH] CSS - Question expansion: What are the different ways to visually hid...? (#80) --- front-end/interview-questions.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/front-end/interview-questions.md b/front-end/interview-questions.md index 47d8f7fc..bded37d5 100644 --- a/front-end/interview-questions.md +++ b/front-end/interview-questions.md @@ -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?