• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Detectar las imágenes sin atributo ALT en WordPress

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:

Ejemplo de imagen sin atributo ALT.

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. 😉

CSS WordPress

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?