开发者社区> 问答> 正文

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

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

展开
收起
茶什i 2019-11-18 16:27:15 817 0
1 条回答
写回答
取消 提交回答
  • 这些方法与可访问性(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 是理想的解决方案,我也会采用绝对定位方法,因为它具有最少的注意事项,适用于大多数元素,而且使用起来非常简单。

    2019-11-18 16:27:57
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
内容驱动游戏分发 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载