Diseño de materiales:Accesibilidad

Reglas de diseño accesibles

EMPEZAR

Ideas

Fuente: Curso Es-Vial: Universidad de Alcalá (UAH), España

Títulos

Fuente

Tablas

Texto con indicaciones

Página

Alineación

Chequeo

Imágenes

ÍndiceAccesibilidaden archivos de texto

Se recomienda la utilización de fuentes tipo “Sans Serif” como Arial y Verdana, en tamaño no menor de 12 puntos, evitando en lo posible el uso de letra cursiva y haciendo uso moderado de negrita para resaltar textos

Accesibilidad respecto a la fuente:

Se selecciona el estilo del texto presionando simultáneamente las teclas de acuerdo a las combinaciones que a continuación se especifican.4Estilo normal: CTRL + MAYÚS + A. Título 1: CTRL+! Título 2: CTRL + “ Título 3: CTRL + MAYÚS + 3

Accesibilidad: Estilo texto normal y subtítulos

Alinación: a la izquierda

Accesibilidad: Alineación e interlineado

Márgenes: Activar la pestaña “Disposición”, seleccionar la opción “Márgenes” y establecer márgenes “Normal” o “Ancho”.

Accesibilidad: Configurar página

No crear tablas excesivamente grandes, si es posible mantenerlas en una sola página. - Las tablas divididas en varias páginas suelen dar problemas de accesibilidad. - En caso de que las tablas sean inevitablemente grandes y pasen de una página, se deberá repetir las cabeceras de la tabla en cada nueva página y no dividir filas al pasar de página. - Diseñar tablas simples, evitando combinar celdas y tablas complejas

Accesibilidad: Tablas

Además del pié de foto en todos las imágenes se debe completar el texto alternativo, de otra manera los lectores de pantalla no pueden brindar más información si no se la añade manualmente.

Accesibilidad: Imágenes con texto alternativo

En este ejemplo se añadió el significado del uso del color.

Accesibilidad: Uso de colores en el texto

Mozilla

Chrome

Extensiones para testear el sitio web referido a la precepción de los colores de personas con diferentes patologías visuales

Una vez instalado se verá el icono de la extensión. Al Colocar el mosuse sobre ella aparecen las diferentes opciones para que la página se muestre de acuerdo a lapatología que la persona padece.

Extensión que se instala en el navegador Chrome para testear el sitio.

No solo testea el color sino que realiza un testeo mucho mayor que involucra el tamaño de fuente, la extensión de la página

Extensión que se instala en el navegador Mozilla Firefox para testear el sitio.