有哪些方式可以把内容“视觉隐藏”但仍然让屏幕阅读器可访问？（display vs visibility）

What are the different ways to visually hide content (and make it available only for screen readers)? (display vs visibility)

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: Accessibility

标签: a11y, screen reader, visibility, position, aria

参考答案摘要

答案 这些技巧与可访问性（a11y）有关： visibility: hidden ：元素仍在文档流中并占据空间，但不可见。 width: 0; height: 0 ：元素不占据可视空间，从而隐藏。 position: absolute; left: -99999px ：把元素放到屏幕外。 text-indent: -9999px ：仅对块内文本有效。 使用 Schema.org、RDF、JSON-...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。