有哪些方式可以把内容“视觉隐藏”但仍让屏幕阅读器可读？

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

题目类型: 技术面试题

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

难度: medium

分类: css

标签: a11y, screen-reader, ARIA

参考答案摘要

答案 常见做法包括：把元素移出屏幕（position:absolute; left:-99999px）、或用可访问性专用的“sr-only”样式（不影响可读性）。 width/height 设为 0 会让元素完全不占空间，但要小心对可访问性的影响。 text-indent:-9999px 是老技巧，可能有性能/可维护性问题，需谨慎。 更系统的方式：结合语义化结构与 WAI-ARIA（注意：ARIA...

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