Descubre cómo detectar de forma sencilla qué imágenes de tu instalación de WordPress no tienen el atributo ALT, sin plugins.
El atributo ALT de las imágenes es muy importante ya que se utiliza por los lectores de pantalla y los buscadores para entender el contenido de la misma.
Pero muchas veces se queda vacío, bien por un despiste o por falta de costumbre para rellenar este atributo.
Si quieres mejorar la accesibilidad de tu web y de paso que los buscadores entiendan mejor tus imágenes, merece la pena que completes este campo.
En el tutorial de hoy te enseñaré un truco muy sencillo para que puedas detectar fácilmente y de forma visual a qué imágenes les falta el atributo ALT. Este sería el resultado:
Vamos allá:
Snippet para detectar las imágenes sin atributo ALT en WordPress
Si deseas que las imágenes que carecen de atributos ALT resalten como en el ejemplo anterior, introduce este código al final del fichero style.css:
Para ver este código y los otros 1803 snippets de esta web,
identifícate o suscríbete aquí.
Con este fragmento añades un borde discontinuado rojo a las imágenes que no tengan el atributo ALT definido.
Además, lo aplicas solo a usuarios logueados para que los visitantes de tu web no lo vean. Esto es ideal para los administradores, autores o editores lo vean y corrijan.
Eso sí, no te recomiendo usarlo en memberships sites (o similares) ya que los suscriptores también lo verán. A no ser que quieras ofrecer alguna recompensa a quien «cace» imágenes sin ALT. 😜
Conclusiones
Ya ves qué fácil es marcar y detectar imágenes sin atributo ALT en WordPress con un poco de CSS.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
