100 puntos a saber sobre...
Accesibilidad digital

¿Cómo se logra la Previsibilidad en el diseño?

La previsibilidad como principio de diseño web accesible para usuarios con TEA respeta lo siguiente:

Apegarse a las mismas fuentes, tamaños de fuente y códigos de color

• Utilizar un número reducido de fuentes y colores.
• Diferenciar entre fuentes para títulos, encabezados y cuerpo del texto.

Usar elementos de diseño y funciones que los usuarios reconozcan

• Aplicar iconos/símbolos de la configuración del sistema y redes sociales que los usuarios ya conocen.

• Todos los botones deben tener el mismo diseño y función.
• Utilizar la convención estándar para enlaces: azul (código de color: 0000FF) para páginas no visitadas y púrpura (código de color: 800080) para páginas visitadas, y haga que los enlaces sean fácilmente reconocibles a partir del texto.

Colocar los elementos de diseño donde los usuarios esperan encontrarlos

• La barra de búsqueda en la parte superior derecha
• El ícono de Inicio en la parte superior izquierda
• Un enlace de contacto en la barra de navegación superior
• El botón Enviar en la parte inferior de un formulario

[imagen]https://thegoodmanager.eu/wordpress/wp-content/uploads/2022/12/SP-O5-N5-G32-Logopsycom.png[/imagen]

¿Cómo se logra la legibilidad en el diseño?

La legibilidad como principio de diseño web accesible para usuarios con TEA respeta lo siguiente:

Para texto:

• Utilizar una fuente Sans Serif (como Arial, Verdana, Calibri, Open Sans).
• El tamaño del texto debe ser de al menos 12 puntos.
• El espacio entre líneas entre el texto debe ser de 1,5.
• El texto siempre debe alinearse a la izquierda.
• Usar negrita para enfatizar, en lugar de cursiva, subrayado o mayúsculas.

Para opciones de idioma:

• Las palabras deben ser fáciles de entender.
• El lenguaje debe ser literal, así que evita las metáforas y la jerga.
• Explicar abreviaturas/palabras desconocidas.

Para oraciones y párrafos:

• Mantener 1 idea por párrafo.
• Expresar el punto principal del párrafo en la primera oración.
• Evitar cláusulas a favor de oraciones cortas.

Para organización del texto:

• Usar viñetas para enumerar elementos.
• Agregar imágenes con texto para dar pistas sobre el contenido.
• Siempre que sea posible, proporcione un resumen fácil de leer del texto.

¿Cómo se logra la Organización en el diseño?

La organización como principio de diseño web accesible para usuarios con TEA respeta lo siguiente:

Diseñar según una jerarquía visual

• Las tareas clave y el contenido deben estar más arriba en la página.
• La información complementaria debe estar más abajo en la página.
• Los encabezados y títulos deben estar correctamente 'anidados'.
• Elegir un menú horizontal mientras leemos de izquierda a derecha.

Simplificar el contenido y el diseño

• Colocar elementos similares en categorías para acortar listas (como menús).
• Dividir videos de más de 5 minutos en secciones más cortas.
• Agrega mucho espacio en blanco alrededor del contenido para evitar un diseño desordenado.

Facilidad de desplazamiento y clic

• Proporcionar múltiples formas de encontrar contenido (un menú, una barra de búsqueda, un mapa del sitio y enlaces de "contenido relacionado").
• Cuando sea relevante, agregar los enlaces "Saltar al contenido" y "Desplazarse hacia arriba" para ayudar con las dificultades de las habilidades motoras finas.

Deja que los usuarios conozcan su ubicación y las opciones disponibles

• Usa 'marcadores de menú' (un signo más '+' o un triángulo hacia abajo '⛛' junto a las opciones del menú), para que los usuarios sepan que hay más opciones ocultas a la vista.
• Usa 'migas de pan' de diseño para que los usuarios sepan su ubicación y cómo llegaron allí. En el siguiente gráfico de "Buena organización", las 'migas de pan' del diseño aparecen como: Mujeres > Vestidos > Vestidos para ocasiones especiales. Esto informa a los usuarios dónde comenzaron a navegar y dónde están ahora.