跳转到内容

屏幕阅读器

为改善屏幕阅读器的无障碍功能而收集的工具集。

视觉上被隐藏的元素

隐藏元素的样式工具集提供了一个通用的机制来隐藏可以观察到的元素,所以它们可用于这样的辅助技术。

使用

视觉上隐藏元素的样式工具集可以帮助其提供上下文的解释,以便于读者阅读更多的内容。

<Link href="#foo">
  Read more
  {/* always visually hidden because the parent is focusable element */}
  <Box component="span" sx={{ ...visuallyHidden }}>
    about how to visually hide elements
  </Box>
</Link>