Infografía sobre accesibilidad Web
Bajo una traducción libre, resumo:
Versión texto de la Infografía sobre accesibilidad Web
Planificar de antemano los encabezados
Asegúrese de que todo el contenido y el diseño se ajusta a una estructura lógica título.
Asegurarse que el contenido y el diseño se ajusta a una estructura lógica
Considerar el orden de lectura
El orden de lectura y el orden visual deben ser iguales
Proporcionar un buen contraste
Otorgar un especial cuidado al uso de tonos claros (gris, naranja y amarillo). Controlar los niveles de contraste con un corrector de contraste de color
Siempre que sea posible utilizar texto verdadero
El texto verdadero no sólo se carga más rápido sino que, además, es más fácil de traducir. Para el estilo visual: usar CSS.
Controlar el uso de mayúsculas
Considerar que el uso de textos en mayúsculas puede ser difíciles de leer y que la información tal vez no se lea correctamente en los lectores de pantalla.
Usar adecuadamente el tamaño de las fuentes
El tamaño final de la fuente puede variar en función de la fuente seleccionada. Pero, por lo general, nada debiera estar por debajo de los 10 puntos.
Diseñar con longitudes de líneas adecuadas
No utilizar líneas ni demasiado largas ni demasiado cortas,
Asegurar que los enlaces sean reconocibles
Diferenciar los enlaces del resto del cuerpo de la página con subrayado, por ejemplo; algo más que sólo el color.
Identificar visualmente el foco de los enalces para usuarios de teclado
Utilizar la estándard línea punteada u otro diseño distinto de la diferencia de color.
Utilizar un enlace para “avanzar al contenido principal”
Un enlace para saltar la navegación debe estar presente en la parte superior de la página para aquellos usuarios que navegan con teclado.
No confiar sólo en el color
Debido a los usuarios a menudo no pueden distinguir o puede anular colores de la página, el color no debe ser la única manera de transmitir información.
Diseñar formularios con elementos de control accesibles
Garantizar que los controles de formulario tienen etiquetas descriptivas e instrucciones.
Visto en WebAIM
Vía Seraccesible
Mi nombre es