Leitores de tela

Coleção de utilitários para melhorar a acessibilidade com leitores de tela.

Elementos ocultos visualmente

O utilitário de estilo visualmente oculto fornece um mecanismo comum para ocultar elementos visualmente, mas disponibilizando-os para a tecnologia de assistência.

Uso

O utilitário de estilo visualmente oculto pode ajudar a fornecer o contexto para ler mais links.

<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>