¿Cómo ocultar cualquier elemento de la página solo desde el lector de pantalla pero no desde la página para usuarios normales?¿Cómo ocultar cualquier elemento de la página solo desde el lector de pantalla pero no desde la página para usuarios normales?
Conozco estos fragmentos, pero quiero ocultar algo del editor de pantalla pero no de la página visualmente. El lector de pantalla debe omitir la parte oculta.
/* Hide for both screenreaders and browsers
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders
www.webaim.org/techniques/css/invisiblecontent/ ; & j.mp/visuallyhidden ; */
.visuallyhidden { position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
Creo que muchos lectores de pantalla no son compatibles con '@media aural' o' @media speech' a pesar de que existen por muchos años, por lo que el lenguaje CSS3 parece poco probable –
Sucks. Desearía que esto fuera apoyado. Haría nuestras vidas mucho más fáciles. –