Diseño Accesible para Usuarios con Discapacidad

La tecnología existe para mejorar nuestras vidas. Sirve para ayudarnos a hacer las cosas de manera eficiente, para llevarnos del punto A al punto B más rápido, para que tengamos más tiempo para lo que importa. En Boldist, creemos que todos los usuarios merecen la oportunidad de utilizar estas herramientas. Este concepto se denomina diseño universal e impulsa nuestras elecciones de diseño.

El diseño accesible es la parte del diseño universal que otorga a los usuarios discapacitados la misma facilidad de uso que el resto de la población.

Es importante hacer una distinción cuando el sitio web promedio es tres veces menos útil para las personas con discapacidad. Un estudio realizado por Nielsen Norman Group descubrió que la tasa de éxito de los usuarios ciegos que completaban una tarea a través de un lector de pantalla era de solo un 12,5 % en comparación con el 78,2 % logrado por usuarios sin discapacidades, y los usuarios ciegos tardaron más del doble en completarla. la tarea.

La Convención de las Naciones Unidas sobre los Derechos de las Personas con Discapacidad identifica dos tipos principales de barreras para las personas con discapacidad: ambientales y de actitud. Son las barreras de actitud las que difunden un aire de indiferencia cuando se aísla a las personas con discapacidades y se les dice que deben manejar sus problemas. Como resultado, queda una brecha injusta en la usabilidad.

No es así como funciona una sociedad compasiva, y no es cómo construyes un diseño empático que se abre a todos tus usuarios. Puede ser difícil cerrar esa brecha por completo debido a la naturaleza de una discapacidad, pero el entorno en línea puede ser mucho más accesible de lo que es. Todo lo que se necesita es un compromiso de investigar y diseñar teniendo en cuenta la accesibilidad, y los beneficios son significativos.

Beneficios del Diseño Accesible

Según la Organización Mundial de la Salud, más del 15% de la población mundial está discapacitada. Por lo tanto, crear sitios web y aplicaciones accesibles significa acceder a más clientes que pagan. Nunca ignoraría al 15% de su público objetivo, pero eso es precisamente lo que hace el diseño sin accesibilidad.

A la gente también se le mete en la cabeza que diseñar para la accesibilidad significa menos libertades y un diseño poco atractivo. En verdad, el diseño accesible tiende a verse y funcionar mejor, carga las páginas web más rápido y crea una mejor experiencia de usuario para todos. Por ejemplo, los subtítulos destinados a un usuario sordo también benefician a la persona que olvida sus auriculares en casa. La accesibilidad está al servicio del diseño universal.

El diseño para la accesibilidad también reduce los costos y la mano de obra en el futuro, ya que se dedica menos tiempo y dinero a la depuración y reparación del código. Este mismo código luego funciona como un potenciador de SEO porque los motores de búsqueda, como Google, entienden el contenido en línea de manera similar a los lectores de pantalla.

Con un diseño accesible y una experiencia de usuario mejorada, disfrutará de una mejor reputación y del conocimiento que ha contribuido a hacer del mundo digital un lugar mejor.

Y, como si aún no estuviera convencido, la Ley de Estadounidenses con Discapacidades puede exigirle que haga que su sitio web cumpla con la ADA.

Descargo de responsabilidad: no somos abogados, ni somos su abogado, por lo que no podemos protegerlo de los abogados. Lo que podemos hacer es ayudarlo a que sea más fácil para todos acceder a su sitio web, y creemos que eso es importante.

¿Qué es el cumplimiento de la ADA?

Al igual que nosotros, el Departamento de Justicia cree que el acceso a la tecnología de la información y las comunicaciones es un derecho humano fundamental, por lo que creó la Ley de Estadounidenses con Discapacidades (ADA). La ley requiere que los sitios web, las aplicaciones y el software de ciertas organizaciones cumplan con los estándares de diseño accesible para que las personas con discapacidades tengan el mismo acceso y facilidad de uso.

Puede acceder a estos estándares en las pautas WCAG 2.0 AA e incluyen cuatro principios:

1. Perceptible: todo el contenido y los elementos de la interfaz de usuario se pueden percibir o ajustar para satisfacer las necesidades del usuario sin fallar.
2. Operable: todos los elementos de la interfaz de usuario son operables y se pueden navegar fácilmente. Completar las tareas es eficiente.
3. Comprensible: la información y los elementos de la interfaz de usuario son fáciles de entender. (Los formularios en línea son un área problemática común).
4. Robusto: los usuarios o su tecnología de asistencia pueden interpretar el contenido.

Bajo estos cuatro principios hay 12 pautas, cada una con sus propios criterios de éxito y técnicas de asesoramiento para cumplir con esos criterios. Es importante tener en cuenta que el diseño de la interfaz de usuario (UI) es un subsegmento del diseño de UX, y necesita ambos para crear un producto atractivo y accesible.

Y si bien la creación de UI y UX que cumplan con las pautas de ADA ayuda a evitar problemas legales, debe apoyar a todos sus usuarios. Esto significa tener en cuenta a las personas con discapacidades sensoriales, cognitivas y motoras.

Diseño para ciegos y deficientes visuales

Atravesar el entorno digital es particularmente desafiante para los ciegos y los discapacitados visuales debido a su naturaleza visual. Los lectores de pantalla pueden interpretar las interfaces en línea y leer el texto en voz alta, pero debe optimizar el texto y el código para el uso del lector de pantalla. Navegar por páginas con mucho texto puede ser frustrante cuando no puede hojear el contenido y le faltan indicadores de diseño o imágenes que proporcionen contexto.

Aquí es donde los diseñadores y desarrolladores se unen para crear código y texto alternativo excelentes y legibles. Escribir texto alternativo para la accesibilidad significa saber cómo describir las imágenes y los elementos de la página de forma clara y con un propósito. Etiquete etiquetas de encabezado en páginas web, describa enlaces en el texto y formatee elementos como formularios para lectores de pantalla.

Para que sus esfuerzos hacia el diseño accesible no se desperdicien, asegúrese de que todos los navegadores puedan leer su código.

Para los usuarios con problemas de visión pero no ciegos, contraste de colores para mayor visibilidad y ajuste el tamaño de las fuentes. Hacer estos ajustes no debería afectar negativamente la apariencia de otros elementos de la interfaz de usuario. El uso de una relación de contraste alta también es una de las muchas maneras de hacer que el diseño de la interfaz de usuario sea compatible con los daltónicos.

Muchos de estos consejos pueden y deben adaptarse para crear también un marketing accesible para las personas con discapacidad visual.

Diseño para sordos y HOH

El diseño para la comunidad sorda y con problemas de audición se vuelve más importante a medida que los elementos multimedia, desde gifs hasta videos, continúan apoderándose del contenido. Una de las mejores maneras de hacer que tu contenido sea accesible para los sordos es incorporar subtítulos y transcripciones para todo el audio.

Proporcionar subtítulos también ampliará su audiencia potencial para incluir hablantes de otros idiomas y cualquier persona que no pueda reproducir audio en voz alta.

Diseño para discapacidades cognitivas

Los usuarios con problemas cognitivos o neurológicos, como TDAH, dislexia, problemas de aprendizaje y epilepsia, también deben tenerse en cuenta al diseñar sus productos.

Apéguese a un lenguaje simple, navegación consistente, jerarquías claras dentro de la arquitectura de la información y permita ajustes de tiempo para tareas programadas. Si incorpora un motor de búsqueda interno, optimícelo para que perdone los errores ortográficos. Hacer estos ajustes beneficiará a todos sus usuarios en la navegación de su producto, tanto aquellos con y sin discapacidades cognitivas.

Para los usuarios que tienen epilepsia, existen pautas de contenido seguro que puede seguir para evitar desencadenar convulsiones. El contenido intermitente es un desencadenante común, por lo que es una buena práctica limitar el parpadeo a menos de tres veces por segundo. Evite siempre el color rojo en el contenido parpadeante.

Diseño para discapacidades motoras

Los miembros de su base de usuarios pueden tener una discapacidad motora, como movilidad limitada o temblores, que nacieron o quedaron después de un accidente o derrame cerebral. Muchos de estos usuarios aprovechan la tecnología de asistencia, incluidos teclados alternativos y software de comando de voz.

Haga que sus diseños y contenido sean accesibles para usuarios con discapacidades motrices asegurándose de que sea compatible con la tecnología de comando y navegación del teclado. Todas las acciones y tareas del sitio deben ser traducibles a estos dispositivos.

Otras formas de accesibilidad

Las personas con discapacidad no son las únicas que experimentan barreras a la accesibilidad. El contexto en el que uno usa un producto puede afectar la usabilidad de varias maneras. Las limitaciones situacionales incluyen la privación del sueño, estar bajo tierra, estar en un entorno muy iluminado, tener un ancho de banda limitado o incluso estar en un espacio público.

Al tener en cuenta todas las barreras de usabilidad, un diseñador web se acerca al diseño universal, donde todos los usuarios pueden usar un producto en todos los contextos.

Investigar. Diseño. Auditoría. Repetir.

La accesibilidad debe estar involucrada desde el comienzo del proceso de diseño y en adelante, pero nunca es demasiado tarde para comenzar. Las pruebas de accesibilidad son uno de los muchos métodos de investigación de UX que puede utilizar para descubrir problemas de usabilidad por adelantado. También puede crear personajes de audiencia para usuarios discapacitados para ayudarlo a ser empático con sus necesidades mientras diseña la experiencia del usuario.

Publique el diseño, realice periódicamente auditorías de accesibilidad en sus productos desarrollados, incluso una vez que sean públicos. Asegúrese de que todo, desde el código hasta las etiquetas alternativas y los esquemas de color, cumpla con los estándares de diseño accesible. El proyecto A11Y proporciona excelentes recursos para evaluar la accesibilidad.

Al diseñar y auditar sus productos digitales, evalúe la accesibilidad de sus elementos de audio, color, animación, imágenes, estructura, controles, fuente y tiempo.

Haga del diseño accesible una prioridad

Usamos la tecnología a diario para hacernos la vida más fácil, y todos merecen el mismo acceso a estas herramientas. Cuando te comprometes a desarrollar sitios web y aplicaciones accesibles, contribuyes a la igualdad al mismo tiempo que impulsas tus KPI.

Si está creando un producto digital o necesita un rediseño, haga de la accesibilidad una prioridad y comuníquese con los expertos en diseño.