Come nascondere qualsiasi elemento dalla pagina solo dallo screen reader ma non dalla pagina per gli utenti normali?Come nascondere qualsiasi elemento dalla pagina solo dallo screen reader ma non dalla pagina per gli utenti normali?
Conosco questi frammenti ma voglio nascondere qualcosa dallo screen redaer ma non dalla pagina visivamente. Il lettore Sscreen dovrebbe saltare la parte nascosta.
/* 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; }
Penso che molti lettori di schermo non supportino '@media aural' o' @media speech' nonostante siano in giro da molti anni, quindi il discorso CSS3 sembra improbabile –
Sucks. Vorrei che questa roba fosse supportata. Renderebbe le nostre vite molto più semplici. –