Accesibilidad móvil: ¿Cómo crear una aplicación compatible con ADA y WCAG?

Dado que más del 15% de la población mundial pertenece a la categoría de personas con capacidades especiales, tanto las empresas como los gobiernos están realizando esfuerzos dedicados para ayudar a las personas con necesidades especiales a vivir una vida a la par de sus homólogos sanos.

Mientras que en el mundo fuera de línea los esfuerzos son claramente visibles a nivel de infraestructura, el mundo digital no está siguiendo el ejemplo. ¿La prueba? Solo en 2020, las demandas por accesibilidad digital aumentaron a más de 3.500 casos, lo que equivale a casi diez demandas cada día hábil.

Aunque entendemos que se necesita un esfuerzo adicional para crear aplicaciones que cumplan con la ADA, el hecho de que las empresas digitales mantengan el requisito en un segundo plano también las mantiene alejadas de una base de audiencia de calidad, especialmente porque se sabe que las personas con discapacidades pasan la mitad del tiempo. billones de dólares al año.

En medio de la cantidad de tareas involucradas en la gestión del ciclo de vida de las aplicaciones móviles, el cumplimiento de la ADA de las aplicaciones móviles puede convertirse en el elemento de menor prioridad debido a la falta de un alto retorno de la inversión. Esto sucede aún más porque las empresas normalmente no tienen acceso a una única fuente de recursos.

Algo que estamos aquí para resolver hoy. En Appinventiv, nos aseguramos de que cada producto digital que fabricamos, ya sea una aplicación portátil o una aplicación móvil o incluso un sitio web, cumpla con las reglas establecidas por la ADA y las WCAG.

Ahora, antes de pasar a compartir las diferentes facetas del cumplimiento de ADA y WCAG en el desarrollo de aplicaciones, veamos algunos de los beneficios de las aplicaciones compatibles con ADA que hacen que los esfuerzos adicionales valga la pena el dinero y el tiempo.

Beneficios comerciales de una aplicación compatible con ADA

Cuando se crea una aplicación compatible con ADA o WCAG, las ventajas van desde las de reputación hasta las financieras, lo que a su vez tiene varios impactos, como por ejemplo:

Mayor base de usuarios: dado que el 15 % de la población mundial tiene capacidades especiales, podrá abrir su aplicación a una base de usuarios mucho más amplia cuando desarrolle una aplicación compatible con ADA y WCAG.

Cumplimiento legal: las violaciones del cumplimiento de la ADA en aplicaciones móviles pueden generar costosas multas y acuerdos. Según la norma, las empresas pueden estar sujetas a una multa de 75.000 dólares por una sola infracción de la ADA, que puede aumentar a 150.000 dólares por más infracciones.

SEO mejorado: tanto Google como Apple tienden a mantener la accesibilidad como un factor clave para la visibilidad de la aplicación y la autenticidad del sitio web. Por lo tanto, cuando crea una aplicación compatible con ADA y WCAG, automáticamente aumenta la probabilidad de obtener mejores clasificaciones en los motores de búsqueda y ubicaciones más altas en las tiendas de aplicaciones.

Ahora que hemos analizado el impacto empresarial que puede esperar al crear una aplicación compatible con ADA y WCAG, veamos los detalles de cómo crear una. En la actualidad, se siguen una serie de reglas y estándares en todo el mundo en torno a la accesibilidad, por lo que, para evitar confusiones, tratamos a WCAG y ADA como estándares cuando creamos aplicaciones móviles exitosas para nuestros clientes.

Lo que debe saber al crear una aplicación compatible con WCAG

Si bien se puede acceder a los pasos genéricos para crear una aplicación móvil sin problemas en este blog, 'Una guía paso a paso sobre el proceso de desarrollo de aplicaciones móviles', los criterios de las Pautas de accesibilidad al contenido web definen cuatro principios que se deben tener en cuenta durante la aplicación móvil. desarrollo: perceptible, operable, comprensible y sólido. Normalmente seguimos estos principios en su totalidad cuando creamos aplicaciones móviles para empresas.

Si bien estas son las versiones concentradas de los principios, aquí está el enlace oficial de las WCAG 2.2 en caso de que desee profundizar en los principios individuales.

Perceptible

Esta categoría de aplicaciones compatibles con WCAG trata sobre cómo se muestra una aplicación a los usuarios. Por ejemplo, cómo un tamaño de pantalla pequeño afecta el área observable de la página, la ubicación y el contraste de botones e hipervínculos, y cualquier otro elemento que los usuarios necesitarían para utilizar la aplicación. Los desafíos de accesibilidad en esta sección generalmente incluyen el tamaño de la pantalla frente a la proporción del contenido, las capacidades de zoom y la presencia de suficiente contraste.

Operable

Los problemas de accesibilidad móvil a considerar al crear una aplicación compatible con ADA en esta categoría consisten en habilitar un teclado para dispositivos con pantalla táctil, optimización del tamaño del objetivo táctil, el espaciado, la ubicación de los botones y la presencia de instrucciones para gestos alternativos en la pantalla táctil para las personas. quién los necesitaría. Para cumplir con el requisito de este principio, nuestros desarrolladores de aplicaciones móviles se aseguran de que la forma en que los usuarios interactúan con la aplicación de las plataformas web móviles (tocar botones, desplazarse, etc.) esté libre de barreras.

Comprensible

Este elemento del desarrollo de una aplicación compatible con ADA y WCAG tiene que ver con garantizar que los usuarios comprendan cómo usar la aplicación y personalizar la configuración cuando sea necesario. Los factores a tener en cuenta aquí consisten en la capacidad de modificar la orientación de la pantalla, garantizar un diseño coherente, colocar el contenido importante de la página antes de desplazarse, agrupar elementos que conducen a la misma acción, proporcionar una indicación clara de que elementos específicos son procesables y brindar instrucciones personalizadas para tocar y Gestos de manipulación del dispositivo.

Robusto

Cuando crea una aplicación compatible con ADA y WCAG, esta categoría destaca qué tan bien es compatible la interfaz de la aplicación móvil en todos los sistemas operativos y dispositivos. Algunos factores a considerar aquí pueden ser: configurar un teclado virtual para la entrada de datos y alinear la aplicación con las propiedades características de la plataforma específica. Por ejemplo, una diferencia en los dispositivos y sistemas operativos podría afectar la presencia de algunas funciones de accesibilidad, como el ajuste del tamaño de fuente o el ajuste del texto ampliado.

Ahora que hemos analizado los principios básicos del cumplimiento de ADA y WCAG en el desarrollo de aplicaciones, conviertamos la información en elementos procesables.

Lista de verificación de aplicaciones móviles de cumplimiento de WCAG y ADA

Para garantizar que sus aplicaciones móviles sean accesibles para personas con necesidades especiales, es importante cumplir con las reglas y estándares predefinidos. Analicémoslos de una manera práctica y fácil de seguir.

Texto e imágenes

• Uno de los puntos clave en la lista de verificación de cumplimiento de las WCAG para aplicaciones móviles es que cada texto dentro de la aplicación debe ser fácil de leer y de tamaño variable. Los usuarios deben tener la opción de modificar el estilo y tamaño de fuente según su elección.
• Se debe proporcionar texto alternativo a cada imagen. Permite a los usuarios con dificultades visuales comprender la información transmitida por las imágenes con la ayuda de un software lector de pantalla.

Teclado accesible

• Asegúrese de que se pueda acceder y operar a todas las funciones y funciones de la aplicación a través de un teclado, ya que los usuarios con problemas de movilidad tienden a depender en gran medida de la navegación con el teclado.
• Ofrezca a los usuarios un indicador claramente enfocado para resaltar el elemento actualmente enfocado. Les permite navegar eficientemente en la aplicación con controles de teclado.

Soporte de voz en off

• Cuando cree una aplicación compatible con ADA, no olvide habilitar la compatibilidad con VoiceOver para dispositivos iOS y la compatibilidad con TalkBack para dispositivos Android.
• Haga que su aplicación sea compatible con las tecnologías de lectores de pantalla, ya que brindan retroalimentación de audio a los usuarios con discapacidad visual, permitiéndoles navegar e interactuar con su aplicación de manera efectiva.

Navegación de aplicaciones

• Siga un flujo de navegación coherente y lógico dentro de la aplicación móvil, uno que facilite a los usuarios con capacidades especiales navegar por la aplicación desde múltiples plataformas.
• Ofrezca la opción de omitir la navegación para permitir a los usuarios omitir el contenido no importante/no procesable y acceder al elemento principal de la aplicación.

Contenido de vídeo y audio

• Proporcione transcripciones y subtítulos para contenido de audio y video dentro de la aplicación. Permitirá a los usuarios con discapacidad auditiva acceder a la información que estás transmitiendo en el contenido multimedia.
• Asegúrese de que los reproductores de video tengan funciones de accesibilidad, como opciones de volumen y velocidad de reproducción modificables.

Elementos de la interfaz de usuario

• La siguiente parte de la lista de verificación de cumplimiento de la ADA para aplicaciones móviles es garantizar que los elementos de la interfaz de usuario, como botones, casillas de verificación y formularios, estén claramente etiquetados para que los usuarios comprendan la necesidad y la funcionalidad.
• Utilice los componentes de interfaz de usuario estándar a los que los usuarios están acostumbrados. Reducirá el alcance de la confusión y permitirá que personas con capacidades especiales interactúen fácilmente con la aplicación.

Contraste de color

• La interfaz de la aplicación debe tener un contraste de color considerable entre el texto y el fondo. Garantizará una fácil distinción entre los diferentes elementos de la pantalla.
• No utilice el color como medio principal de información. Proporcione texto adicional o indicaciones visuales para garantizar que los usuarios daltónicos puedan comprender el contenido fácilmente.

Diseño para múltiples tamaños de pantalla

• Minimiza la información en cada pantalla con un diseño responsivo.
• Proporcione un tamaño predeterminado razonable para cada contenido y controles táctiles. Facilitará a los usuarios con baja visión minimizar la necesidad de aumento.
• Adapte la longitud del texto del enlace según el ancho de la ventana gráfica.
• Coloque los campos del formulario debajo (en lugar de al lado) de sus etiquetas.

Toque objetivos y ubicaciones

• Diseñe los objetivos táctiles para que tengan un mínimo de 9 mm de alto y 9 mm de ancho.
• Agregue espacio inactivo alrededor de pequeños objetivos táctiles.
• Coloque botones en áreas de fácil acceso.

Fácil entrada de datos

• Limite la entrada de texto proporcionando autocompletar, botones de opción, menús de selección y casillas de verificación.
• Los usuarios deberían poder ingresar información de múltiples maneras, incluido un teclado en pantalla, un teclado bluetooth e incluso la voz.

Aunque seguimos todos estos consejos cuando creamos aplicaciones compatibles con WCAG, nuestro equipo de diseñadores y desarrolladores comprende cómo el cumplimiento de la accesibilidad comienza con la etapa de diseño misma.

Nuestros diseñadores de aplicaciones móviles mantienen los requisitos de necesidades especiales como parte predeterminada de la personalidad del usuario, lo que ayuda a garantizar que cada elemento que diseñamos y desarrollamos a partir de ahí sea fácilmente accesible para personas con dificultades auditivas, visuales y cognitivas.

Ahora bien, si bien es comparativamente sencillo aumentar el cociente de accesibilidad de una aplicación que se está creando desde cero, es un poco diferente agregar la funcionalidad en aplicaciones preexistentes a las que les falta esa capacidad. La forma en que lo abordamos es ejecutando una auditoría de accesibilidad de la aplicación y creando un plan de diseño y desarrollo basado en los hallazgos, uno que esté diseñado para hacer que toda la aplicación sea completamente accesible.

Entonces, independientemente de la etapa a la que pertenezca su negocio, somos la empresa de desarrollo de aplicaciones móviles que puede crear con éxito aplicaciones compatibles con ADA, haciéndola compatible con la accesibilidad.

Póngase en contacto con nosotros para incorporar el cumplimiento de ADA y WCAG en el desarrollo de aplicaciones.

Preguntas frecuentes

P. ¿Qué es una aplicación compatible con ADA?

R. Una aplicación que cumple con la ADA es aquella a la que puede acceder una persona con capacidades especiales que tengan dificultades auditivas, visuales, de movilidad y cognitivas con la misma facilidad que sus contrapartes sin discapacidad.

P. ¿Cómo hacer que una aplicación sea compatible con ADA y WCAG?

R. Hay varias formas de crear una aplicación compatible con ADA y WCAG. Aquí están los mejores:

• Diseño para múltiples tamaños de pantalla
• Enfoque dedicado a ubicaciones y objetivos táctiles.
• Gestos simples del dispositivo
• Amplio contraste de color
• Fácil entrada de datos, etc.

P. ¿Qué hacer si mi empresa fue demandada por no cumplir con la ADA?

R. Si su empresa fue demandada por no cumplir con la ADA, lo primero que deberá hacer es no ignorar la queja. Sólo tendrás un número determinado de días, que oscilan entre 21 y 30 días para responder. A continuación, contrate a un abogado comercial que tenga experiencia en casos de ADA y comience inmediatamente a corregir los problemas de accesibilidad realizando los cambios necesarios en el diseño y desarrollo de su aplicación.