Yo suelo repasar las web antes de publicarlas con un navegador de sólo texto. Antes usaba Lynx y ahora w3m (http://w3m.sourceforge.net/)
Si puedes navegar bien por una web con eso, la mayoría de los programas de accesibilidad (y googlebot), tampoco van a tener problemas
$ w3m https://ayudawp.com/
ayudawp.com con w3m
Sí es buen apaño. Es pensar en cómo lee un navegador para ciegos 🙂
Los temas generales de colores, tamaño de fuente, etc, como que ya los doy por sentado, deberían fluirnos ya de forma natural. Pero en elementos interactivos, widgets y controles UI …. ahí está para mí lo más commplicado.
Pero por suerte los principales frameworks vienen bastantes completos en esa parte, así que cuando hago algo desde cero, la verdad que suelo fijarme en como lo hacen alguno de estos frameworks, por ejemplo Bootstrap, y sobre todo en los ejemplos de la sección de widgets y patrones de diseño de WAI-ARIA.
Un recurso de referencia imprescindible la web de WAI-ARIA, gracias por apuntarlo 😉
Yo tiro mucho de Chromevox, una extensión de Chrome para leer webs con screen reader. O de VoiceOver si estás en Mac. Eso y poder navegar con sólo la tecla TAB son para mí cosas esenciales.
También lo que hago es uso de alguna extensión que quite los CSS y que sin estilos se pueda navegar tranquilamente.
Hay una para Chrome llamada Web Developer que también reemplaza las imágenes con los atributos alt, cosa de testear si podemos navegar por la web si no se cargaran las imágenes.
Bueno, esas son las que se me ocurren ahora. Saludos!
Muy buenos consejos @anarvaja. No conocía el Chromevox 🙂
