Accesibilidad: usabilidad para todos

Examinemos un tema que a menudo damos por sentado para comprender de qué se trata realmente . Al hacerlo, podrá proceder con una apreciación más amplia de cómo los usuarios interactúan con sus diseños.

La naturaleza ignorada e incomprendida de la accesibilidad

no enviar mensajes de texto mientras se conduce

Un diseño solo es útil si es accesible para el usuario: cualquier usuario, en cualquier lugar y en cualquier momento. A menudo confundimos el concepto de accesibilidad como la participación de personas con discapacidad . Sin embargo, todos somos discapacitados en muchos contextos y circunstancias. La accesibilidad se trata de personas . Si alguna vez se ha roto una pierna, sabrá lo difíciles que se vuelven las tareas que antes eran simples. ¿Qué tal un corte de energía? En un momento, se ocupa de sus asuntos; al siguiente, estás sumido en la oscuridad. ¡Mover un par de pasos se vuelve arriesgado! Cualquiera que sea la tarea que hayamos dado por sentado, de repente nos tiene negociando barreras.

Los dispositivos móviles son un gran ejemplo de cómo tratar con usuarios con problemas de accesibilidad. Cuando usamos teléfonos móviles, estamos en movimiento, haciendo otras cosas, con nuestra atención dividida de varias maneras. Con la omnipresencia de los dispositivos inteligentes portátiles, nosotros, como diseñadores, debemos adoptar la accesibilidad para todos y en todos los contextos.

En muchos países, diseñar para la accesibilidad no solo es moralmente correcto; también es una obligación legal . En toda la UE existe legislación para prevenir la discriminación contra las personas con discapacidad; No cumplir con estas leyes podría costarle caro a la empresa. El cumplimiento es más barato, pero también paga grandes dividendos.

La buena noticia es que existen estándares de accesibilidad y estos son fáciles de entender. Mejor aún, si los consideramos al comienzo de la proceso de diseño, las encontraremos fáciles de implementar. La accesibilidad es simplemente una función del acceso . Es posible que las personas con discapacidad visual, por ejemplo, no puedan leer el texto de su sitio web. Sin embargo, si ha formateado correctamente su texto, podrán usar un software de lectura de pantalla para escuchar sus palabras.

Diseñar para la accesibilidad requiere algo de previsión. Examine sus opciones en la fase de planificación y manténgase enfocado en la accesibilidad durante todo el desarrollo. Es fácil quedar atrapado en la esencia de su trabajo y olvidarse de este punto esencial. Téngalo en cuenta y prueba sus diseños a menudo para asegurarse de que sus esfuerzos tengan éxito.

Las áreas clave a considerar

Todos somos diseñadores y usuarios diferentes . Algunos de nosotros tenemos dislexia; otros tienen pérdida auditiva parcial, por ejemplo. Las áreas de necesidades del usuario que debemos considerar para un diseño accesible son:

  • Visual: hipermetropía, ceguera, daltonismo, son todas las formas de discapacidad visual que debe tener en cuenta en su diseño.
  • Motor / Movilidad: esta categoría no solo se extiende a los problemas con el uso de las manos y los brazos (que es muy probable que causen problemas con la accesibilidad web), sino también con otras afecciones musculares o esqueléticas. Si, por ejemplo, su diseño web si apareciera en un stand de feria comercial, tendría que considerar cómo alguien en silla de ruedas podría acceder a ese stand, dar la vuelta y salir de él al completar la tarea.
  • Auditivo: Las discapacidades auditivas afectan la audición y se presentan en diversos grados de gravedad, hasta e incluyendo la sordera total.
  • Convulsiones: algunas personas pueden verse afectadas por la luz, el movimiento, el parpadeo, etc. en la pantalla, provocando así convulsiones. El problema más común en esta categoría es la epilepsia fotosensible.
  • Aprendizaje: también es importante recordar que no todas las discapacidades son físicas . Las discapacidades cognitivas y de aprendizaje también pueden influir en la accesibilidad.

Ahora, piense en usted mismo como usuario. ¿Alguna vez ha notado dificultades al conducir y usar su teléfono celular? ¿Qué se siente cuando intentas realizar múltiples tareas? ¿Tiene transmisión automática para que sea más fácil?

Como usuarios de dispositivos portátiles / móviles, todos enfrentamos dificultades cuando tenemos que dividir nuestra atención. Felizmente, GPS Los sistemas nos hablan , por lo que no tenemos que apartar la vista de la carretera, excepto para ver qué tan lejos está un giro. Los buenos diseñadores de software de GPS son plenamente conscientes de lo que es para los usuarios automovilísticos y diseñan ayudar, no obstaculizar ni distraer.

Ejemplo : Arnold tiene una entrevista a las 3 pm en una ciudad en la que nunca ha estado y tiene que usar el auto de un vecino-amigo. Su vecino regresa tarde. Desafortunadamente, también ha comenzado una tormenta de nieve. Peor aún, el auto tiene poca gasolina, por lo que Arnold tendrá que repostar en el camino. Entonces, los factores que están impidiendo a Arnold constituyen sus discapacidades como usuario, que son:

  • Desconocimiento de la carretera
  • Llegando tarde
  • Nevada
  • Bajo combustible

Arnold tiene cuatro desventajas que lo retrasan. Piensa en llamar a los entrevistadores. Sin embargo, decide no hacerlo y se concentra en conducir. Una cosa que se va a favor de Arnold, sin embargo, es su GPS. Su formato de pantalla grande no está abarrotado. Una flecha roja brillante que contrasta marcadamente con una pantalla de color verde claro le muestra su ruta de un vistazo con un mínimo de texto e imágenes. Se siente mejor cuando su voz le dice que hay una gasolinera cerca. Después de repostar, vuelve a la carretera, pasa Legoland, que su GPS muestra como un icono grande. Su entrevistador había mencionado Legoland como un hito; están cerca. Arnold da un suspiro de alivio. Incluso con la tormenta de nieve, ¡está a las 2:50 pm! Los diseñadores de este GPS fácil de usar merecen nuestro agradecimiento.

Planificación de la accesibilidad de un sitio web

Puede utilizar muchas formas de hacer que su sitio web sea accesible. Para comenzar, aquí hay algunos consejos simples que pueden ayudar a garantizar que muchas personas con discapacidades puedan acceder a su sitio fácilmente :

  • Si usa un CMS, elija uno que admita estándares de accesibilidad . Drupal y WordPress, por ejemplo, los admiten. Si va a modificar una plantilla en lugar de crear una para el tema, asegúrese de que el tema se diseñó teniendo en cuenta la accesibilidad. Puede ahorrar tiempo, esfuerzo y dinero.
  • Utilice etiquetas de encabezado para crear títulos en su texto; idealmente, asegúrese de utilizar CSS para que esto sea coherente en todo el sitio. Trate de no pasar de un nivel de encabezado al siguiente (por ejemplo, H1 a H4, en lugar de H1 a H2); esto puede confundir al software lector de pantalla. Los usuarios con discapacidades visuales más graves pueden acceder a su sitio mediante una pantalla o terminal Braille actualizable, que depende de los lectores de pantalla.
  • Use texto alternativo en sus imágenes; si usa imágenes para mejorar el contenido, entonces un lector de pantalla deberá explicarlas; para eso es el texto alternativo. Sin embargo, si su imagen es puramente decorativa y no agrega ningún otro valor (aparte de verse bien), debe omitir el texto alternativo para evitar confundir a alguien que le lea el contenido del sitio.
  • Ten una estrategia de enlaces . Los lectores de pantalla a veces tartamudean sobre los enlaces y se detienen en la primera letra. Eso significa que es importante no tener enlaces “haga clic aquí” esparcidos por el texto. Las mejores descripciones de enlaces tienen una descripción de texto antes del enlace y luego un nombre único para el enlace. (Por ejemplo, “Leer más sobre Diseño de interacción, en su página web.  ) Considere ofrecer una pista visual (como un ícono de PDF) mediante enlaces para dejar claro lo que ofrecerá el enlace. Utilice subrayados en los enlaces (ayudan color las personas ciegas distinguen los enlaces del texto). Resalte los enlaces del menú al pasar el mouse sobre para ayudar a ubicar el cursor.
  • Elija los colores con cuidado en caso de duda, pruebe sus combinaciones de colores con algunas personas daltónicas. El daltonismo es una discapacidad increíblemente común, y una paleta incorrecta puede dificultar que una persona daltónica lea su texto o navegue por su sitio. También debe asegurarse de proporcionar altos niveles de contraste entre el texto y el fondo; las personas mayores, por ejemplo, pueden tener dificultades para ver el texto a menos que el contraste sea alto.
  • No se refiera sólo al color de algo cuando dé instrucciones; “Haga clic en el botón rojo” no es útil para una persona daltónica. “Haga clic en el botón circular” es. Utilice formas y formas para ayudar a guiar a los usuarios en lugar de depender solo del color.
  • Piense en el diseño de formas . Los lectores de pantalla pueden tener problemas con los formularios. Etiqueta los campos y usa la etiqueta para ofrecer la descripción a un lector de pantalla. Asegúrese de que el orden de tabulación en los formularios siga el orden visual; es muy fácil para un lector de pantalla perder un campo si esto no se hace. Asegúrese de asignar un rol requerido o no requerido de ARIA (Aplicaciones de Internet enriquecidas accesibles) a cada campo también. Los lectores de pantalla no entienden el asterisco, para campos obligatorios, convención.
  • Evite las tablas para el diseño Los lectores de pantalla pueden manejar tablas, pero comienzan a explicar cuántas columnas y filas están presentes, lo que puede ser una distracción molesta cuando la tabla es simplemente una técnica de diseño. Mantenga tablas para la presentación de datos. Asegúrese de usar el atributo de alcance HTML para explicar las relaciones entre celdas también.
  • Aprenda a usar los elementos HTML adecuados para las listas y no los coloque en la misma línea que el texto. Esto ayuda al software de lectura de pantalla a analizar listas.
  • Ponga el puntero del ratón de distancia , y ver si su sitio funciona sólo con un teclado. Las personas con discapacidades de movimiento a menudo encuentran objetos usando trackpads. Es posible que necesiten un palillo bucal o un dispositivo de entrada de un solo interruptor; o pueden tener que depender de su teclado. Piense en facilitar que las personas pasen por secciones de contenido de esta manera también … el desplazamiento es un PITA sin un mouse.
  • Familiarízate con ARIA (Aplicaciones de Internet enriquecidas accesibles) y aprenda a utilizarlas cuando sea necesario.
  • Considere la forma en que presenta el contenido dinámico . No reproduzca automáticamente el video (que puede causar estragos con un lector de pantalla). Los estándares ARIA pueden ayudar con superposiciones, ventanas emergentes, cajas de luz, etc. Si está utilizando una presentación de diapositivas, asegúrese de tener texto alternativo en todas las imágenes y de que los usuarios puedan navegar por la presentación a través del teclado.
  • Valide su marcado en el sitio web de estándares W3. Asegúrese de que su HTML y CSS no entren en conflicto con las tecnologías de asistencia. Esto también ayuda a garantizar que todos los navegadores leerán su código correctamente.
  • Evite el flash No es necesario decir nada más, dado que ya no es compatible. Si todavía tiene componentes Flash en su sitio web, elimínelos y reemplácelos con tecnología más accesible (y segura, liviana y moderna).
  • Ofrezca transcripciones para archivos de audio . Los usuarios con problemas de audición no pueden usar software para leer voces … así que ayúdelos e incluya una transcripción.
  • De manera similar, en el video , ofrezca subtítulos para personas con problemas de audición.
  • Céntrese en el contenido legible Cuanto más simple sea el idioma, más fácil será de leer para los usuarios con dificultades de aprendizaje.

Tecnologías que facilitan la accesibilidad en línea

Hay mucha tecnología especializada disponible para que la utilice para hacer de su sitio web un lugar más accesible. Algunas de las tecnologías más comunes se enumeran a continuación. En un mundo ideal, los diseñadores trataríamos de acceder a esta tecnología y probar nuestros sitios con ella para garantizar la accesibilidad del sitio. Podemos entender que esto no siempre es factible, pero es importante ser concienzudo. Vale la pena evitar que un usuario tenga una mala experiencia.

Tecnologías comunes utilizadas para facilitar la accesibilidad en línea

  • Navegadores web alternativos
  • Braille para la web
  • Aplicaciones de seguimiento ocular
  • Varitas para la cabeza
  • Palitos de boca
  • Lupas de pantalla
  • Lectores de pantalla

El sitio web de la Universidad de Minnesota-Duluth proporciona una gran cantidad de información útil sobre la tecnología de accesibilidad:

http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Herramientas de prueba de accesibilidad

Además de las herramientas W3 mencionadas anteriormente, hay muchas herramientas diferentes de prueba de accesibilidad disponibles en línea. La siguiente es una pequeña selección de estos:

ONDA—Evalúa el nivel general de accesibilidad de cualquier sitio web.

Oráculo de color– muestra los colores de su sitio de una manera similar a como vería la página un usuario con daltonismo.

Analizador de imágenes– examina las imágenes del sitio web y comprueba su conformidad con los estándares de accesibilidad.

Recuerde, los usuarios son personas ; Ninguna herramienta automatizada puede superar la prueba de accesibilidad de su sitio web con usuarios reales. También es una gran oportunidad para realizar investigación de usuarios en una escala más amplia con aquellos que enfrentan problemas de accesibilidad. El uso de los datos puede mejorar el diseño de su sitio web para todos, no solo para aquellos que enfrentan ciertos desafíos.

Recomendar0 recomendacionesPublicado en Usabilidad

Artículos relacionados

Respuestas

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Share This