Visually Hidden

Semántica

• Se renderiza como un `<span>` con estilos en línea de recorte para ocultar contenido visualmente.
• El contenido permanece en el DOM y en el árbol de accesibilidad, accesible para lectores de pantalla.
• Lleva los atributos `data-scope="visually-hidden"` y `data-part="root"`.

ARIA

• No añade roles ni atributos ARIA; se basa en la semántica natural del contenido envuelto.
• La técnica de clip/overflow asegura que el contenido sea invisible para usuarios videntes mientras permanece anunciado por lectores de pantalla.

Responsabilidades del consumidor

• Usar Visually Hidden solo para contenido que sea significativo para usuarios de lectores de pantalla.
• No usar Visually Hidden para ocultar contenido que debería ser visible para todos los usuarios.
• Asegurarse de que el contenido oculto proporcione valor a los usuarios de tecnologías de asistencia, como etiquetas descriptivas o encabezados estructurales.

No aplicable

keyboard

Visually Hidden es un elemento de presentación no interactivo sin interacciones de teclado.

focus

Visually Hidden es un elemento de presentación no interactivo y no recibe enfoque.