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 →