Intento buscar la manera de ocultar un texto en la web la cual el usuario no pueda verlo pero si una aplicación de lectura de pantallas (en especifico uso NVDA). Mi razón de ocultar dicho texto es a la hora de rellenar un formulario en la web se enmarca en rojo los campos erróneos o que no han sido rellenados, dentro de dichos campos indicar este texto invisible para que al pasar por el marco rojo el usuario que tenga visibilidad reducida pueda saber con mas facilidad que dicho campo se muestra erróneo.
Tengo realizado esto, aquí indico el div y su id.
<div class="invisible" id="texto_invisible">
¡Campo marcado como erróneo!
<li><bean:message key="errors.textoInvisible.marcoRojo" /></li>
</div>
Después los saltos de errores están indicados en una función y para indicar el texto esta de esta manera.
var text=document.getElementById('texto_invisible');
text.style.display = "block";
He de indicar que no me salta un error, el caso es que oculta el texto pero lo hace también al lector, no se si existe alguna manera de ocultarlo solo a la vista del usuario, mi segunda opción es intentar cambiar el color del texto para que se "camufle" en el marco rojo.
Edit--
He usado también text.style.display = 'hidden' como me han indicado en un comentario y si bien lo oculta la diferencia es que solo mantiene la posición y tamaño ocupado por el texto. Tampoco me han servido text.style.display = 'none' que directamente no lo muestra y text.style.display = 'block'.