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 76
Tipos de contenido que hay que evitar a toda costa
Competencias objetivo
"Podemos enumerar algunos de los problemas de accesibilidad más comunes y los elementos que deben evitarse. La lista no es exhaustiva y no impide seguir las pautas de accesibilidad descritas en otras lecciones, o en las WCAG ( https://www.w3.org/WAI/standards-guidelines/wcag/ ) por ejemplo. Pero es un buen punto de partida para saber qué contenidos deben evitarse en su diseño web.
#El color como información
No debes utilizar el color como única forma de transmitir información, ya que algunos usuarios podrían no ser capaces de percibirlo. Esto también se aplica a cualquier otro identificador sensorial que pueda pasar fácilmente desapercibido. Al mismo tiempo, el uso del color es beneficioso para algunos usuarios para estructurar el contenido y enfatizar en los elementos. Eso sí, ¡no confíes únicamente en él!
Evita el desorden
Hay que mantener el contenido claro y conciso, utilizando un lenguaje y un formato sencillos. Demasiados estímulos pueden confundir al usuario. Esto también se aplica al contenido que parpadea, la animación o el uso de colores llamativos para el texto y el fondo. La idea no es eliminar cualquier elemento en movimiento de una página, sino mantener las interacciones y la visualización de contenidos ligeros y manejables por cualquier usuario.
Mira estos ejemplos:
Evita anular el comportamiento esperado de HTML
El HTML es accesible por defecto, y debes tener cuidado cuando utilices elementos personalizados sobre un equivalente HTML. Por ejemplo, un elemento Button se supone que desencadena una acción, pero a menudo se utiliza como un enlace. Esto confundirá al usuario ya que no es el comportamiento esperado de un Button.
Ten también cuidado cuando utilices el posicionamiento absoluto (absolute positioning). Se espera que el orden de los elementos en el documento HTML sea el orden real en la página. Cuando se utiliza el posicionamiento absoluto, se anula este orden y por ello, debe utilizarse con precaución.
No utilices imágenes para mostrar texto
Las imágenes no son accesibles por defecto y deben ser descritas por un texto alternativo. Si la imagen contiene texto, no será accesible por defecto. Si el propósito de la imagen es únicamente mostrar texto, utiliza texto."