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

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

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

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

参考 ​

• https://www.w3.org/TR/wai-aria-1.1/
• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
• http://a11yproject.com/