Accesibilidad para aplicaciones: pautas, ejemplos y mejores prácticas sobre cómo preocuparse por el usuario

Según la OMS, el 15% de la población mundial experimenta algún tipo de discapacidad. En la mayoría de los casos, las sociedades conscientes se esfuerzan por equilibrar la disparidad de salud para que esta cohorte de población no sienta ninguna barrera para una calidad de vida reconocida. Y funciona bien hasta que una persona con discapacidad se enfrenta a una situación en la que algo está fuera de su alcance debido a la mala accesibilidad de la aplicación móvil.

¿Por qué es importante la accesibilidad móvil?

Hacer que sus aplicaciones sean inclusivas no es solo una cuestión de responsabilidad social. Junto con el cultivo de la diversidad, las aplicaciones móviles accesibles desbloquean un flujo de ingresos adicional, brindan a su empresa vientos de cola competitivos y ayudan a cumplir con las regulaciones de cumplimiento.

Empatía

A medida que envejecemos, todos enfrentamos algunas limitaciones, ya sea problemas de audición, disminución del sentido de la visión o discapacidad motora. Además, las discapacidades situacionales y temporales pueden ponernos a todos en entornos similares a los que tienen las personas con una discapacidad a largo plazo. Por lo tanto, la accesibilidad móvil es una inversión a largo plazo que, entre otras cosas, nos ayuda a cuidar a la generación anterior, a nosotros mismos y a quienes luchan con condiciones temporales.

La tecnología de asistencia también es una estrategia importante para integrar mejor a las personas que enfrentan desafíos adicionales en el mundo moderno y las comunidades en línea.

Ventaja competitiva

Según las estadísticas, uno de cada cuatro estadounidenses vive con una discapacidad. Al hacer que su solución sea inclusiva, cubre a 61 millones de usuarios adicionales, lo que amplía el alcance de usuarios de su aplicación.

Además, la inclusión tecnológica es comercialmente interesante. El poder adquisitivo de las personas con discapacidad es de alrededor de $500 mil millones después de impuestos. Teniendo en cuenta la cantidad de aplicaciones inaccesibles, la accesibilidad de su aplicación y dispositivo móvil puede generar esta fuente de ingresos adicional.

La accesibilidad del teléfono móvil también reduce los costos operativos de su negocio. Un SNS Bank holandés redujo el número de llamadas al centro de llamadas y los gastos asociados en más del 15 %. Los ahorros están asociados con los cambios de accesibilidad web móvil que el banco realizó anteriormente.

La accesibilidad hace una mejor tecnología para todos

La inclusión tecnológica es esencial para algunos, pero útil para todos. Los subtítulos, los asistentes virtuales y el software de reconocimiento de voz son las funciones de acceso para todos los usuarios, incluidas las personas con discapacidades. Las indicaciones de rutas de voz, por ejemplo, son tanto una función de accesibilidad como una opción de manos libres para los conductores. Por lo tanto, hacer que su solución sea integral beneficiará a todos.

Cumplimiento de normas y reglamentos

En muchos casos, la ley exige estándares de accesibilidad de aplicaciones móviles. Los Estándares de la Ley de Estadounidenses con Discapacidades para el Diseño Accesible, o ADA, exigen la inclusión de todas las personas, en todas las áreas de la vida pública, incluidas las empresas basadas en la web y sus aplicaciones.

La ley ADA también funciona junto con las Pautas de accesibilidad al contenido web (WCAG), que documenta un único estándar compartido para la accesibilidad al contenido web. La versión actual de las WCAG es la 2.1, mientras que está prevista una versión revisada para septiembre de 2022.

Para 2025, todas las empresas con sede en la UE también deben optimizar la accesibilidad de sus servicios y productos para cumplir con las pautas europeas de accesibilidad de aplicaciones móviles.

Mejor imagen de marca

Finalmente, la accesibilidad digital beneficia a su marca y crea más oportunidades para los defensores de la marca. Además, el 56% de los clientes cree que una empresa debe tomar una posición clara en los temas sociales.

¿Cómo garantizar la accesibilidad de la aplicación móvil?

A partir de hoy, las Pautas de Accesibilidad al Contenido Web, o WCAG, se consideran el punto de referencia para la accesibilidad del sitio web. Las pautas también cuentan con WCAG para dispositivos móviles, que describe las mejores prácticas de accesibilidad móvil. A continuación, hablaremos sobre cómo debe ser su aplicación para que sea realmente accesible según las WCAG.

Tenga en cuenta que cada principio incluye tres niveles de conformidad, donde A es el nivel mínimo y AAA significa conformidad total. La mayoría de las organizaciones se esfuerzan por calificar AA como un promedio dorado.

Perceptible

Hacer que su solución sea perceptible significa que los usuarios deben poder percibirla con uno o varios sentidos. En palabras simples, si el contenido de su aplicación está orientado a una experiencia visual, debe tener una alternativa que involucre la percepción auditiva o cualquier otra modalidad sensorial.

¿Cuál puede ser el problema aquí?

• Sin alternativas de texto

Es posible que algunas soluciones no ofrezcan alternativas de texto para el contenido que no es de texto que aparece en la pantalla, ya sean controles o imágenes, de una manera que sea perceptible para el lector de la pantalla. Intrínsecamente hace que la aplicación sea ilegible para TalkBack o VoiceOver, que son lectores de pantalla predeterminados en Android e iOS, respectivamente.

Por el contrario, las descripciones de voz hacen que todos los datos que no son de texto sean accesibles para los ciegos o las personas con visión reducida o débil. Facebook, por ejemplo, ha implementado texto ALT automático para describir contenido visual para lectores de pantalla.

• Sin adaptabilidad

Una solución móvil pasa por alto la accesibilidad cuando su estructura no se puede ajustar fácilmente a diferentes orientaciones y estructuras de presentación de contenido. En particular, un producto inclusivo puede cambiar tanto a paisaje como a retrato sin sacrificar el contenido o los elementos, como en el ejemplo a continuación.

Las pautas de accesibilidad de las aplicaciones móviles nativas también exigen que su producto marque la información, la estructura y la jerarquía entre los elementos. De esta manera, los encabezados, las tablas y las listas permanecerán intactos cuando cambie la presentación, manteniendo sus diseños simples y consistentes.

La adaptabilidad es esencial para las personas con discapacidad motora, usuarios de lectores de pantalla, así como para personas con dificultades de aprendizaje y fatiga cognitiva.

• Sin rasgos distintivos

Un contraste inadecuado, una mala elección de colores o la ausencia de cambio de tamaño del texto afectan la percepción de los usuarios. Por ejemplo, las personas con problemas de percepción del color tienen dificultades para distinguir entre ciertos colores. Por lo tanto, los colores no deben ser la única forma de transmitir diferencias o impulsar la acción. En su lugar, combine el color y el texto o las señales de los personajes para transmitir información.

La pérdida de contenido o funcionalidad es otro problema de accesibilidad común que suele ocurrir cuando un usuario con discapacidad visual hace zoom en el texto. La configuración de accesibilidad de su dispositivo móvil debe permitir un aumento de hasta un 200 % al mismo tiempo que conserva todo el contenido y los elementos.

Operable

Este principio requiere que su aplicación incluya una interfaz completamente operativa y elementos de navegación para que el usuario pueda hacer uso de todas las funciones independientemente de sus deficiencias o discapacidades.

¿Cuál puede ser el problema aquí?

• Falta de tiempo

Dada la diversidad entre las personas, es difícil predecir cuánto tiempo lleva navegar por la aplicación o encontrar una sección específica. La mayoría de las aplicaciones bancarias, por ejemplo, tienen un tiempo máximo de sesión como medida de seguridad. Sin embargo, los límites de tiempo o el contenido sensible al tiempo hacen que sea inconveniente para un lector de pantalla o un usuario de edad avanzada procesar la información.

Los límites de tiempo flexibles o la opción de apagado, por el contrario, hacen que su aplicación sea más amigable para personas mayores, personas con discapacidad visual o hablantes extranjeros.

• Contenido intermitente

El contenido parpadeante es una señal de alerta para las aplicaciones inclusivas, ya que puede provocar convulsiones u otros efectos no deseados. Por lo tanto, las personas que tienen trastornos convulsivos fotosensibles simplemente no pueden mirar luces intermitentes o patrones visuales contrastantes sin que se desencadene una reacción física adversa. Por eso es importante evitar contenido que parpadee más de 3 veces en 1 segundo y limitar el área de parpadeo a una pequeña porción de la pantalla de un teléfono inteligente.

• Navegación

La navegación que no está etiquetada ni estructurada programáticamente también puede impedir que un usuario consuma el contenido. Es especialmente cierto para los usuarios con discapacidades visuales que solo pueden navegar por su aplicación con tecnología de asistencia, así como para las personas con discapacidades cognitivas y motoras.

Las regiones emblemáticas, los encabezados descriptivos, los títulos de pantalla exclusivos y los controles etiquetados permiten tanto a los usuarios como a los lectores de pantalla ubicar la sección necesaria rápidamente y con menos pulsaciones de teclas. La aplicación también se puede codificar para omitir gráficos y enlaces de navegación al consumir el contenido con un lector de pantalla.

Tastemade, por ejemplo, es un gran ejemplo de navegación a pantalla completa en el trabajo, mientras que el ejemplo de la derecha sacrificó la visibilidad por un diseño elegante.

Comprensible

De acuerdo con este principio de accesibilidad, toda la información y toda su interfaz de usuario deben ser fáciles de comprender para cualquier persona, independientemente de su estado de salud. En pocas palabras, cuanto más intuitiva y sencilla sea su aplicación, más posibilidades tendrá de alcanzar el nivel de conformidad AAA.

¿Cuál puede ser el problema aquí?

• previsibilidad

Algunas aplicaciones prefieren ocultar elementos de diseño detrás de iconos sofisticados o emplear flujos de usuario futuristas. Si bien tales diseños son obras de arte admirables, carecen de claridad.

Los menús de hamburguesas, por ejemplo, son un estándar ampliamente aceptado para el desarrollo de aplicaciones móviles que simplifica los menús para pantallas compactas. Sin embargo, no son navegables ni predecibles para personas con discapacidades visuales, limitaciones cognitivas, deficiencias motoras y destreza reducida. La versión de escritorio de Telegram, por ejemplo, tiene un botón de menú de hamburguesas.

El objetivo primordial del diseño predecible es establecer expectativas precisas sobre lo que sucederá a continuación a través de patrones de diseño coherentes, elementos semánticos estándar y una estructura de información ordenada. Una aplicación accesible también debe tener todos los elementos fácilmente reconocibles en la pantalla para brindar una comprensión precisa de dónde se encuentra el usuario en este momento. La navegación inferior, la barra lateral vertical o los menús pegajosos juegan bien.

• Asistencia de entrada

Algunos usuarios con una visión de menor calidad y con discapacidades intelectuales y de lectura pueden tener dificultades para ingresar la información sin errores o diferenciar entre campos obligatorios y opcionales. Para brindar asistencia, una interfaz de aplicación puede incluir pistas en los campos para reforzar información importante.

Las señales pueden variar desde atributos etiquetados para lectores de pantalla hasta estados seleccionados y esquinas redondeadas.

• Prevención de errores

Del mismo modo, es posible que los métodos típicos de indicación de errores no funcionen para personas con problemas de visión o daltónicos. Asimismo, los usuarios con discapacidades motoras o de lectura tienen una mayor probabilidad de ingresar una entrada incorrecta, lo que puede generar consecuencias graves, incluidas responsabilidades financieras. Por lo tanto, si la aplicación no proporciona datos controlables por el usuario, no es accesible.

Los envíos reversibles, la confirmación del pedido, la eliminación de un registro o el envío de un mensaje son algunos ejemplos de medidas de seguridad que evitarán que los usuarios cometan errores.

Robusto

Las funciones de accesibilidad deben ofrecerse sin problemas en todas las plataformas y dispositivos, incluidas diferentes versiones de lectores de pantalla, terminales braille o software de ampliación de texto. En palabras simples, el diseño robusto es inmune a los errores de codificación que pueden distorsionar el contenido o las funciones en un dispositivo habilitado para la web o tecnología de asistencia.

¿Cuál puede ser el problema aquí?

• Mala codificación

Si el código HTML detrás de su aplicación carece de etiquetas de inicio y final completas, el contenido de la aplicación puede mostrarse de manera diferente en todos los dispositivos, no mostrarse en absoluto o ser ilegible para las tecnologías de asistencia. El código HTML bien formado que se ajusta a todas las especificaciones del lenguaje de marcas garantiza que la estructura de contenido accesible se mantenga como se esperaba en todas las plataformas y dispositivos.

¿Puede el desarrollo multiplataforma proporcionar un nivel adecuado de accesibilidad?

El desarrollo multiplataforma es una navaja suiza que acelera el tiempo de comercialización y elimina dos plataformas con una base de código único. Sin embargo, el potencial de accesibilidad del desarrollo multiplataforma va a la zaga de las aplicaciones nativas. Por lo tanto, las tecnologías multiplataforma son una compensación entre la accesibilidad y la reducción de costos, lo que aún puede garantizar al menos un nivel básico de accesibilidad móvil en Android e iOS.

Por lo tanto, el desarrollo de aplicaciones de Flutter se compromete a hacer que las aplicaciones sean más accesibles e incluye soporte integrado para la accesibilidad combinado con las mismas capacidades del sistema operativo. Flutter puede ayudarte a implementar características de accesibilidad como fuentes grandes, compatibilidad con lectores de pantalla, contraste suficiente y más.

Pero tenga en cuenta que la accesibilidad móvil es un resultado colectivo de todo su equipo de desarrollo, incluidos los desarrolladores de Flutter. Mientras que los diseñadores de UX/UI se dedican a crear interfaces inclusivas, los especialistas en control de calidad se aseguran de que la versión final de su aplicación pase las pruebas de accesibilidad.

No hay necesidad de decidir entre accesibilidad y diseño.

El acceso equitativo a la tecnología permite que todas las personas participen en la sociedad y aprovechen activamente las comodidades tecnológicas. Junto con la conformidad con el cumplimiento, la accesibilidad móvil también contribuye a una mayor base de usuarios y una ventaja competitiva para su empresa. Sin embargo, muchos desarrolladores aún desconocen los estándares de codificación de accesibilidad, ya que la excelencia en accesibilidad requiere una investigación y un conocimiento intensivos. E incluso si están familiarizados con la noción, a menudo es un desafío incluir características inclusivas en una interfaz estética.
Si le cuesta encontrar un equilibrio entre la accesibilidad y el diseño, nuestra empresa sabe cómo puntuar en ambos. En función de sus requisitos únicos y estándares de accesibilidad, integramos a la perfección la inclusión en un diseño de aplicación de primer nivel. Escríbanos para crear una solución móvil de primer nivel que satisfaga a todos.

El artículo se publicó originalmente aquí.