Lección 10El proceso de diseño: ¿cómo encajar la accesibilidad web?
- Noción 67 - Ten en cuenta la distribución de la página
- Noción 68 - Cómo usar el diseño para optimizar el contenido
- Noción 69 - Crea el primer borrador y maqueta
- Noción 70 - ¡La facilidad de uso es clave!
- Noción 71 - Estructura el HTML correctamente
- Noción 72 - Su uso del lenguaje importa
- Noción 73 - Cómo trabajar con contenido visual
- Noción 74 - La importancia de la navegación con teclado
- Noción 75 - Consejos de diseño útiles para todo el mundo
- Noción 76 - Tipos de contenido que hay que evitar a toda costa
- Noción 77 - Comprobar la conformidad con los estándares de accesibilidad y las mejores prácticas
- Noción 78 - Repaso de los conceptos principales
Noción 75
Consejos de diseño útiles para todo el mundo
Competencias objetivo
El diseño accesible beneficia a todosUn Un diseño web accesible puede afectar positivamente a la experiencia en línea de todos los usuarios, independientemente de que tengan o vayan a tener una discapacidad (permanente o temporal). Algunos usuarios pueden tener limitaciones de hardware, como pantallas pequeñas o de bajo contraste o no tener ratón. En relación con esto, cualquier usuario puede tener necesidades y preferencias especiales en la forma en que prefiere acceder a la información. Por ejemplo, a algunos usuarios les gusta navegar con un teclado mientras que otros deben utilizar un lector de pantalla.
Todas estas situaciones indican la necesidad de tener en cuenta la diversidad de los usuarios y, a su vez, adoptar un diseño universal, que sea a la vez agradable y funcional.
El contraste es clave para la legibilidad
Para que el contenido sea legible para todo el mundo, es importante que haya un alto contraste entre el fondo de una página web y su contenido. Este alto contraste garantizará un mejor acceso a algunos casos de daltonismo y problemas de visión. También puede ayudar en los casos de una pantalla de bajo contraste o en la lectura al aire libre a pleno sol.
Para obtener más información sobre el contraste de colores y cómo comprobar si tu página web respeta las directrices sobre el contraste de colores, consulta este contenido:
Proporcionar alternativas a los medios de comunicación
Las imágenes, los vídeos y el audio son por defecto menos accesibles que el texto. Un navegador web puede interpretar el texto para producir una versión de texto a voz o ampliarlo. El texto puede ser procesado de muchas maneras y más fácilmente que los vídeos o el audio. Por ejemplo, algunos usuarios prefieren tener acceso a la transcripción o los subtítulos de un audio o un vídeo. Algunos usuarios incluso eliminan las imágenes y el estilo de las páginas que visitan para tener una experiencia más centrada (lo que se denomina Modo de lectura).
Por todas estas razones, siempre debes tener una alternativa de texto además de tus medios a través de atributos alt (en HTLM), texto descriptivo, un sistema de transcripción o simplemente un párrafo.
Conoce el comportamiento esperado
Algunos elementos de una página web siguen un comportamiento esperado: un enlace abre una nueva página, un botón valida un formulario, un menú desplegable muestra una lista de opciones. Lo mismo ocurre con el contenido y su estructura: el usuario espera utilizar secciones y títulos para encontrar información. Este tipo de comportamiento esperado y contenido estructurado, a su vez, hace que el contenido sea más accesible.
Sin embargo, va más allá. Un diseño ergonómico debe ayudar a los usuarios a acceder a contenidos específicos de forma fácil, rápida y cómoda. Los contenidos accesibles lo hacen posible para todos.