Diseño de materiales:Accesibilidad
Marisa E Conde
Created on March 21, 2021
More creations to inspire you
C2C VOLUNTEER ORIENTATION
Presentation
TALK ABOUT DYS WITH TEACHER
Presentation
CIRQUE DU SOLEIL
Presentation
LAYOUT ORGANIZATION
Presentation
TALK ABOUT DYS TEACHER-TEACHER
Presentation
PRODUCT MANAGEMENT IN MOVIES & TV SHOWS
Presentation
ESSENTIAL OILS PRESENTATION
Presentation
Transcript
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