Universidad de Alicante
Departamento de Lenguajes y Sistemas Informáticos

Accesibilidad Web

Buscador

Migas de pan

Estás en: Accesibilidad web > Discapacidad > La persona discapacitada y la web

La persona discapacitada y la web: Consideraciones en el diseño web

Nota: está es una traducción al español autorizada por WebAIM del artículo original en inglés Considering the User Perspective: A Summary of Design Issues.

Contenido del articulo

  1. Ceguera
  2. Ceguera cromática
  3. Problemas visuales
  4. Sordera
  5. Discapacidades motoras
  6. Discapacidades cognitivas

Ceguera

Desafíos Soluciones
Imágenes, fotos, gráficos inservibles
  • Proveer de descripciones de texto en el atributo alt, si fuesen necesarias explicaciones más largas (tanto en la misma página como con un enlace externo).
Algunos usuarios a veces escuchan la web
  • Crea enlaces que permitan a los usuarios saltar los menus de navegación, listas de items, arte ASCII y otros elementos que puedan dificultar o hacer tediosa la escucha.
Los usuarios a menudo saltan de enlace a enlace con el tabulador
  • Asegurate que los enlaces tienen sentido ("clickea/pulsa aquí" es problemático).
Los usuarios generalmente no utilizán el ratón
  • No escribas scripts que necesiten el uso del ratón. Provee de de alternativas por teclado (por ejemplo, utiliza onFocus en vez de onMouseover).
Puede ser dificil para los usuarios saber donde están cuando escuchan el contenido de una tabla
  • Provee de encabezados en las columnas y las filas para los datos de la tabla (<th>).
  • Evite, si es posible, filas o columnas expandidas.
Los gráficos y las tablas de datos complejas que son interpretados visualmente son inservibles
  • Realice resúmenes y/o descripciones de texto, preferiblemente en la misma página, o enlace con otra página como alternativa.
Los marcos no pueden ser vistos. Debemos acceder a ellos por separado, por lo que conlleva desorientación
  • No uses marcos a no ser que sea inevitable. Si lo usas, utilice titulos en el marco para reflejar su proposito. (Por ejemplo, "marco de navegación", "contenido principal").
Los colores son inútiles
  • No utilices el color para representar un significado.
Los usuarios esperan que los links les lleven a algún sitio
  • No escribas scripts en links que no tengan un destino verdadero asociado (por ejemplo href="javascript: function(this)").
Los lectores de pantalla leen el contenido en el orden que aparece en el código
  • Asegúrate que los CSS complejos o los diseños maquetados con tablas se leen correctamente, tanto visualmente como en el código.
Hay quien no puede ver videos
  • Disponga de descripciones auditivas de los hechos del video que no puedan ser interpretados por el audio de este. (por ejemplo que un narrador describa las acciones en los videos, en los que no haya diálogo).

Ceguera crómatica

Desafíos Soluciones
Colores con un contraste similar a menudo son indistinguibles
  • Asegúrate que tienen un contraste suficiente.
  • No utilices solo el color para representar un significado.

Problemas visuales

Desafíos Soluciones
A menudo los usuarios utilizan ampliadores de pantalla
  • Para reducir el total del desplazamiento horizontal, utiliza unidades relativas en vez de absolutas (por ejemplo, usa porcentajes para el ancho de las tablas, en vez de píxeles).
El texto en gráficos no se amplía sin un software especial, y se ve pixelado cuando se amplía
  • Límita o elimina el texto dentro de gráficos.
  • Usa anti-aliasing para conseguir un texto claro y legible.

Sordera

Desafíos Soluciones
El audio es inútil
  • Provee de transcripciones para el audio.
  • Provee de subtítulos sincronizados para los vídeos.

Discapacidades motoras

Desafíos Soluciones
Los usuarios puede que no sean capaces de utilizar el ratón
  • Asegúrate que todas las funciones están disponibles desde el teclado (intenta que con el tabulador salte de enlace a enlace).
  • Asegúrate que el orden es lógico.
Los usuarios que utilizan tecnologías de soplado y aspirado, o similares pueden fatigarse
  • Proporciona un método para saltar listas largas o enlaces redundantes u otros contenidos tediosos.
Los usuarios utilizan software activado por voz
  • El software de reconocimiento de voz generalmente no puede replicar el movimiento del ratón de una manera tan efectiva como con el uso del teclado, así que asegúrate que todas las funciones están disponibles desde el teclado.

Discapacidades cognitivas

Desafíos Soluciones
Los usuarios pueden confundirse con diseños confusos o sistemas de navegacion inconsistentes
  • Simplifica el diseño tanto como sea posible.
  • Mantén los sistemas de navegación tan consistentes como puedas.
Los usuarios pueden tener dificultades de concentración o comprensión con párrafos largos
  • Donde sea apropiado, agrupa la información debajo de encabezados lógicos.
  • Organiza la información en "trozos" manejables.
Un solo método puede no ser suficiente
  • Donde sea necesario, agrega ilustraciones u otro medio al texto, y vice versa.

Traducción autorizada realizada por: Joan Pozo Cruz

Estándares, licencia y contacto