Blog
Conformidad

¿Se aplica WCAG a las aplicaciones móviles?

Las directrices de accesibilidad WCAG son aplicables a las aplicaciones móviles, incluidas las aplicaciones móviles híbridas y nativas. Este artículo explora cómo mejorar la accesibilidad en apps móviles y proporciona una lista de verificación de accesibilidad para ayudarte a empezar.

Autor: Missy Jensen, Senior SEO Copywriter

Publicado: 22/02/2024

Navegadores móviles estilizados diferentes con el símbolo de accesibilidad en el centro.

Cuando piensas en accesibilidad digital, lo primero que puede venirte a la mente es tu sitio web. Sin embargo, la accesibilidad digital también se aplica a tu experiencia omnicanal, lo que incluye las aplicaciones móviles. Aunque originalmente se crearon para el contenido web, las Pautas de Accesibilidad para el Contenido Web (WCAG) han ampliado su alcance para incluir aplicaciones móviles, tanto híbridas como nativas. Las directrices incluyen recomendaciones sobre cómo los desarrolladores pueden hacer que las aplicaciones móviles sean accesibles para usuarios con diferentes discapacidades.

Las directrices de accesibilidad para aplicaciones móviles se introdujeron originalmente en WCAG 2.1 en junio de 2018. Se añadieron diecisiete nuevos criterios de éxito para la accesibilidad móvil y para aumentar la accesibilidad de las personas que utilizan diversos dispositivos móviles para navegar por la web. Estos incluyen:

  • Smartphones (incluidos dispositivos Android e iOS)

  • Tabletas

  • Dispositivos wearables (por ejemplo, relojes inteligentes)

  • Televisores digitales

  • Dispositivos en electrodomésticos, salpicaderos de coches o respaldos de asientos de avión

  • Dispositivos del “Internet de las cosas” (IoT) como altavoces inteligentes (Google Home) o cámaras (Ring Doorbells o August Doorbell Cam)

Las directrices descritas en WCAG 2.1 abordan problemas de accesibilidad móvil, como:

  • Tamaños de pantalla pequeños

  • Orientación de la pantalla

  • Contraste de color

  • Espaciado del texto

  • Navegación por teclado

WCAG 2.2 introdujo nueve nuevos criterios de éxito para la accesibilidad de aplicaciones móviles, incluyendo recomendaciones para objetivos táctiles, diseño responsivo y gestos. Cada uno de estos ayuda a mejorar la accesibilidad móvil para usuarios con discapacidades cognitivas, visuales, físicas y de aprendizaje, y se basa en la base creada por WCAG 2.1.

Comprender la accesibilidad en aplicaciones móviles

Según el World Wide Web Consortium (W3C)(opens in a new tab), la accesibilidad móvil “se refiere a hacer que los sitios web y aplicaciones sean más accesibles para las personas con discapacidad cuando utilizan teléfonos móviles y otros dispositivos”. En términos más simples, este enfoque garantiza que los usuarios con una variedad de discapacidades puedan acceder y navegar por la web en dispositivos móviles. Teniendo en cuenta que cada vez más consumidores dependen de dispositivos móviles para hacer negocios(opens in a new tab), las organizaciones deben priorizar la accesibilidad en estos dispositivos.

Aumentar la accesibilidad en las aplicaciones móviles no solo es lo correcto, sino que también es un requisito legal. Según el Título III de la Ley de Estadounidenses con Discapacidades (ADA)(opens in a new tab), los lugares de alojamiento público deben ser accesibles para todos, especialmente para las personas con discapacidad. Los sitios web y las aplicaciones móviles se consideran lugares de alojamiento público, lo que significa que están legalmente obligados a ser accesibles.

Sin embargo, la ADA no tiene especificaciones técnicas sobre accesibilidad digital. Por ello, el Departamento de Justicia (DOJ) ha adoptado WCAG como estándar de cumplimiento. Las organizaciones que cumplen con las directrices de WCAG 2.2 Nivel A y Nivel AA se consideran conformes con los requisitos de accesibilidad de la ADA. Esto ayuda a reducir la probabilidad de desafíos legales, incluidas demandas y cartas de reclamación, debido a la falta de accesibilidad.

Una fila de 4 iconos diferentes con el texto debajo: Perceptible, Operable, Comprensible, Robusto

Cuatro principios para lograr la conformidad WCAG en apps móviles

Para garantizar que tus aplicaciones móviles sean accesibles, se deben seguir cuatro principios clave:

  • Perceptible: El contenido de las aplicaciones móviles debe ser perceptible para los usuarios, lo que significa que la app tiene la proporción adecuada entre el tamaño de la pantalla y el contenido, buen contraste de color, funcionalidades de zoom, etc.

  • Operable: Este principio analiza la usabilidad general de una aplicación móvil y cómo los usuarios con discapacidad pueden interactuar fácilmente con la aplicación. Las apps operables incluyen funciones de teclado compatibles con pantallas táctiles o gestos táctiles alternativos.

  • Comprensible: Los usuarios móviles deben entender cómo navegar por la app y personalizarla, incluyendo un diseño limpio, herramientas de personalización, llamadas a la acción (CTA) claras y agrupación de elementos similares.

  • Robusto: El principio de robustez analiza cuán eficazmente funciona una app móvil en diferentes sistemas operativos o dispositivos. Por ejemplo, una app móvil debe funcionar igual de bien en un dispositivo móvil que en un ordenador de sobremesa.

También debes asegurarte de que tus aplicaciones móviles sigan las recomendaciones incluidas en los niveles de conformidad WCAG. Esfuérzate por cumplir todos los requisitos de Nivel A y AA, ya que se consideran los estándares mínimos de accesibilidad.

Lista de verificación de accesibilidad para apps móviles

Para ayudarte a cumplir con los estándares de accesibilidad WCAG, considera usar la siguiente lista de verificación como punto de partida. Es importante tener en cuenta que incorporar estas características no hará que tu app móvil o sitio móvil sea 100% conforme; se necesitan pruebas de accesibilidad adicionales para garantizar el cumplimiento total.

Tamaños de pantalla

Al diseñar tu app móvil, ten en cuenta que los usuarios interactuarán en diferentes tamaños de pantalla. Debe estar optimizada tanto para pantallas grandes como pequeñas, con el contenido reducido al mínimo, usando tamaños de texto razonables y ajustando la posición de los campos de formulario si es necesario.

Contraste de color

Las directrices WCAG 2.2 Nivel AA requieren que el texto tenga una relación de contraste de color de al menos 4,5:1 y el texto grande una relación de 3:1. Usar el contraste de color adecuado garantiza que los usuarios con discapacidad (incluidos aquellos con discapacidades visuales) puedan distinguir entre los elementos web y comprender el contenido de la app. Un verificador de contraste de color puede ayudarte a encontrar el equilibrio adecuado.

Gestos en la app

Mantén los gestos de la app lo más simples posible. Los usuarios con discapacidades físicas o motoras pueden tener dificultades para realizar gestos más complejos. Se recomienda implementar gestos de ‘tocar’ o ‘deslizar’ para mantener la experiencia de usuario sencilla.

Consistencia en el diseño

La información que se repite en tu app (por ejemplo, información de contacto, encabezados, pies de página, chatbots, etc.) debe mantenerse en el mismo orden. Esto garantiza que los usuarios con discapacidades cognitivas puedan encontrar fácilmente la información y disminuye la posibilidad de que se pierdan en la app.

Navegación por teclado

Los usuarios deben poder navegar por tu app móvil solo con el teclado. El orden de tabulación de la página también debe ser lógico e intuitivo para garantizar una buena experiencia.

Tamaño del texto y la fuente

Asegúrate de que los usuarios puedan cambiar el tamaño del texto y la fuente según sus necesidades. Deben poder hacerlo sin que el texto quede oculto o el diseño se rompa.

Texto alternativo

Todas las imágenes —incluidas las decorativas— deben incluir texto alternativo (alt text). Esto garantiza que los usuarios con discapacidades visuales (por ejemplo, ceguera, baja visión, daltonismo, etc.) tengan contexto sobre la imagen y por qué está incluida en la página.

Encabezados

Los encabezados deben usarse adecuadamente para crear una jerarquía lógica de contenido. En términos más sencillos, los encabezados deben proporcionar información sobre la estructura de la página y el recorrido del usuario.

Tamaño del objetivo

Los objetivos táctiles, como botones y enlaces, deben tener un tamaño y espaciado apropiados en las apps móviles. También deben ser fácilmente distinguibles, permitiendo a los usuarios diferenciar entre el texto circundante y el elemento.

Prueba de compatibilidad con lectores de pantalla

Casi el 80% de las personas con discapacidad dependen de lectores de pantalla(opens in a new tab) para usar tanto aplicaciones móviles como web. Asegúrate de que tu app móvil sea compatible con lectores de pantalla y otras tecnologías de asistencia probando las apps con estos dispositivos. Esto te ayudará a identificar dónde se necesita desarrollo adicional para mejorar la accesibilidad.

A medida que creas nuevas apps móviles o actualizas las existentes, considera realizar una auditoría manual de tus apps o hacer que las prueben personas con discapacidad. Por ejemplo, AudioEye realiza una auditoría experta en profundidad de tus aplicaciones móviles para identificar violaciones de WCAG. Todas las violaciones se comparten en un informe detallado para que puedas priorizar qué errores de accesibilidad deben resolverse primero. También contamos con nuestra Comunidad A11iance, compuesta por un grupo de personas con diferentes discapacidades, para probar apps móviles e informar sobre barreras de accesibilidad.

Crea apps móviles compatibles con WCAG con AudioEye

A medida que el uso de aplicaciones móviles sigue creciendo, es fundamental que sean lo más accesibles e inclusivas posible, y esto comienza cumpliendo las directrices WCAG. Seguir estas recomendaciones no solo te ayuda a ofrecer una experiencia móvil positiva a los usuarios, sino que también aumenta el éxito general de tus aplicaciones móviles. Un escaneo regular de accesibilidad de tu sitio web o recibir una auditoría experta de tu app móvil es la mejor manera de detectar problemas antes de que afecten a tus clientes. Además, crear apps móviles accesibles te ayuda a evitar posibles acciones legales, que pueden ser costosas, llevar mucho tiempo y dañar la reputación de tu marca.

En lugar de esperar a que los errores de accesibilidad te encuentren, toma medidas proactivas para detectarlos y solucionarlos tú mismo. En AudioEye, te ayudamos a comenzar el camino hacia el cumplimiento de la accesibilidad móvil. Nuestro equipo de testers humanos audita cuidadosamente tus apps móviles y señala las violaciones de WCAG, proporcionando recomendaciones sobre cómo solucionarlas.

Juntos, crearemos una interfaz de usuario móvil que sea accesible, inclusiva y conforme a WCAG.

EMPIEZA AHORA

¿Listo para crear apps móviles compatibles con WCAG?

Reserva una demo hoy mismo.

Compartir artículo

¿Listo para probar la accesibilidad de su sitio?