CSS puede influir en los lectores de pantalla

Ben Myers cubre algunos ejemplos claros de dónde CSS cambia totalmente lo que anuncian algunos lectores de pantalla. Por ejemplo, algunos lectores de pantalla verán text-transform: uppercase;en la etiqueta de un botón que dice “Agregar” y lo leerán como una abreviatura, “AGREGAR”.

Estos casos de CSS interfiriendo con los anuncios de nuestros lectores de pantalla son inicialmente impactantes, desconcertantes y tal vez incluso espantosos. Después de todo, parecen entrar en conflicto con nuestro modelo mental de CSS, uno que probablemente nos han inculcado desde que comenzamos a aprender desarrollo web: HTML es para contenido y CSS es para apariencia visual. Es la separación de contenido y presentación. Aquí, al cambiar lo que anuncian los lectores de pantalla, parece que CSS está invadiendo el territorio del contenido.

Más evidencia de que realmente tenemos que probar cosas. Probé ese ejemplo anterior en VoiceOver y, efectivamente, “AGREGAR”

Enlace directo →