Texto oculto

Texto que se quita de la VISTA pero no del árbol de accesibilidad: lo lee el lector de pantalla, no se ve.

Cuándo usarlo

• Para lo que la pantalla dice con la forma y el sonido no: «(se abre en otra pestaña)» detrás de un enlace, la unidad de un importe, el «de 4 pasos» de un indicador, el nombre largo de un botón que solo enseña un icono.
• Es un span; as="div" cuando dentro va algo que no es de línea.

Cuándo no

• Para esconder algo de TODO el mundo, hidden o display: none. Esto es lo contrario.
• Para el nombre de un campo cuyo rótulo no se pinta, la prop hiddenLabel del propio campo: además lo enlaza como etiqueta de verdad.
• Para un icono decorativo, aria-hidden, que es al revés: se ve y no se lee.

Teclado: no participa. Ojo si dentro hay algo enfocable: al enfocarlo, el foco iría a un sitio invisible.

Accesibilidad: NO es display: none ni visibility: hidden, que sacan el texto del árbol y no lo lee nadie. Es la técnica de siempre: un píxel, recortado y sin salto de línea, para que el navegador lo siga considerando texto visible.

Aspecto fino: ninguno. Es la clase .amset-hidden-visual, que no se toca.