[css] 54.有什么不同的方式可以隐藏内容（使其仅适用于屏幕阅读器）？

[qiilee]

答案：

这些方法与可访问性（a11y）有关。

• visibility: hidden：元素仍然在页面流中，并占用空间。
• width: 0; height: 0：使元素不占用屏幕上的任何空间，导致不显示它。
• position: absolute; left: -99999px： 将它置于屏幕之外。
• text-indent: -9999px：这只适用于block元素中的文本。
• Metadata： 例如通过使用 Schema.org，RDF 和 JSON-LD。
• WAI-ARIA：如何增加网页可访问性的 W3C 技术规范。

即使 WAI-ARIA 是理想的解决方案，我也会采用绝对定位方法，因为它具有最少的注意事项，适用于大多数元素，而且使用起来非常简单。

解析：参考 1、参考 2、参考 3