Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 31 de agosto de 2011

Accesibilidad Web para diseñadores

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
Share:

Publicidad

Estadísticas