15 cosas para mejorar la accesibilidad de su sitio web

 

 

 

Esta es una lista realmente genial de Bruce. Aquí hay muchas cosas directamente procesables. Envíalo a tu equipo y conviértelo en algo por lo que todos ustedes pasen juntos.

Aquí hay un pequeño detalle que me impulsó a arreglarlo finalmente…

La mayoría de los lectores de pantalla permiten al usuario ver rápidamente una lista de enlaces en una página [..] Sin embargo, si cada enlace tiene un texto que dice “Haga clic aquí” o “Leer más”, sin nada más que los distinga, esto es inútil. La forma más sencilla de resolver esto es simplemente escribir un texto de enlace único, pero si eso no es posible, puede anular el texto del enlace para tecnología de asistencia utilizando un atributo aria-label único en cada enlace.

 

Tenía enlaces como ese aquí en CSS-Tricks. Algunos de ellos los crea automáticamente el propio WordPress, no algo que haya codificado a mano en una plantilla. Cuando muestras the_excerptuna publicación, obtienes automáticamente un enlace “leer más” y, aparte de ensuciarte las manos con algunos filtros, no tienes mucho control sobre ella.

Afortunadamente, ya uso un complemento interesante llamado Advanced Excerpt . Hurgué en la configuración para ver si podía hacer algo para inyectar el título de la publicación allí de alguna manera. Mira, mira:

Esa screen-reader-textclase es exactamente la que ya usaba para ese tipo de cosas, ¡así que fue una solución con un solo clic!

DOM mucho mejor ahora para esos enlaces:

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

15 cosas para mejorar la accesibilidad de su sitio web

15 cosas para mejorar la accesibilidad de su sitio web

Esta es una lista realmente genial de Bruce. Aquí hay muchas cosas directamente procesables. Envíalo a tu equipo y conviértelo en algo por lo que todos uste

programar

es

https://pseint.es/static/images/programar-15-cosas-para-mejorar-la-accesibilidad-de-su-sitio-web-1339-0.jpg

2024-06-13

 

15 cosas para mejorar la accesibilidad de su sitio web
15 cosas para mejorar la accesibilidad de su sitio web

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences