Ene
19.
Uno de los problemas de construir sitios web con contenidos dinámicos para clientes es que la mayoría de los clientes no terminan de entender la importancia de que todas las imágenes que pongan en la web deben llevar texto alternativo ALT para que tenga una correcta accesibilidad. Pues para revisar esto, si el sitio ha crecido demasiado como para revisarlo a mano, es utilizar una sencilla truco en la hoja de estilos CSS. Es el siguiente:
img {outline: 3px dashed red;}
img[alt] {outline-width: 0;}
img[alt] {outline-width: 0;}
Es sencillo, en la primera linea se asigna un borde dashed rojo a todas las imagnes, y en la segunda linea se le quita el borde a las imagenes que tengan texto alternativo ALT, con lo cual nos quedan con el borde las imagenes sin ALT.
Tags: alt, css, texto alternativo

