有哪些方式可以把内容视觉上隐藏，但仍让屏幕阅读器可访问？（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
分类: CSS Basics
标签: a11y, visibility, screen-reader
参考答案摘要
答案 这些技巧与可访问性（a11y）相关。 visibility: hidden：元素仍在页面流中，仍占据空间。 width: 0; height: 0：让元素在屏幕上不占空间，从而不显示。 position: absolute; left: -99999px：把元素定位到屏幕外。 text-indent: -9999px：只对块级元素内的文本有效。 元数据：例如使用 Schema.org、RDF...
答题技巧
技术面试题建议先理清思路再作答，从基础概念讲起，逐步深入。可以结合实际项目经验解释技术原理，展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
