Accesibilidad

Si este sitio te bloqueó, eso es un defecto con fecha límite.

Apuntamos a WCAG 2.2 nivel AA en todo el sitio y en las dos apps, y a nivel AAA en el texto crítico de compra. El texto dinámico escala hasta el 200 por ciento, se respeta la preferencia de movimiento reducido, el árabe, el hebreo, el persa y el urdu están de verdad reflejados, y el modo sin conexión se trata como una función de accesibilidad porque para quien viaja lo es.

Esta es una declaración de lo que hacemos, de lo que no hemos terminado y de cómo decirnos dónde fallamos. Las promesas de accesibilidad sin una lista de fallos conocidos son marketing, así que los fallos están más abajo en esta página.

Una mano sostiene un móvil con un mapa de transporte en el andén del metro
Poca luz, una mano, un tren en marcha y sin cobertura. El caso de uso más difícil que tenemos es el corriente.

Los listones que nos ponemos

ÁreaObjetivoCómo se comprueba
Sitio y apps en generalWCAG 2.2 nivel AAAnálisis automático en cada pull request, que bloquea la fusión
Texto crítico de compraWCAG 2.2 nivel AAA en contraste y nivel de lecturaContraste de 7 a 1, nivel de lectura revisado en cada cambio de texto
Escalado del texto200 por ciento sin recortes ni solapamientosPruebas de maquetación al 100, 150 y 200 por ciento en tres anchos de ventana
TecladoToda función alcanzable, foco siempre visibleUna pasada manual por cada flujo de compra e instalación en cada versión
Lectores de pantallaFlujos completos en VoiceOver, TalkBack y NVDAUna auditoría anual con personas usuarias de tecnología de apoyo, no solo con herramientas
MovimientoMovimiento reducido respetado, nada moviéndose más de cinco segundosUna prueba de consulta de preferencia en la suite automática
Derecha a izquierdaMaquetaciones reflejadas para árabe, hebreo, persa y urduRevisadas por hablantes nativos en cada versión que toca la maquetación
Sin conexiónPerfil, saldo, detalles del plan y pasos de instalación sin conexiónUna pasada en modo avión antes de cada versión de la app

Cuando una comprobación es automática, bloquea una fusión. Cuando es manual, bloquea una versión. Ninguna es consultiva.

Texto, contraste y color

El texto de cuerpo cumple una relación de contraste de 4,5 a 1 como mínimo, y el texto crítico de compra cumple 7 a 1.

El color nunca lleva el significado por sí solo. Un nivel de cobertura es una etiqueta además de un color. Un error es una palabra además de un borde rojo. Un plan agotado lo dice con texto en lugar de solo volverse gris. Esa regla importa sobre todo en las páginas donde cambia el dinero de manos.

El texto dinámico escala hasta el 200 por ciento. Nada del sitio está maquetado con alturas fijas que recorten a tamaños grandes, y las tablas se desplazan horizontalmente dentro de su propio contenedor en lugar de empujar la página de lado.

El umbral de uso justo del botón de compra sigue siendo legible a cualquier tamaño. Si usas un tamaño de letra del navegador o del sistema mayor que el predeterminado, el sitio lo respeta en lugar de anularlo.

Teclado, foco y lectores de pantalla

Todas las funciones tienen una ruta por teclado. La lista de abajo es el estándar contra el que probamos en cada versión, no una descripción de nuestras intenciones.

  • Un enlace de saltar al contenido es el primer elemento en el orden de tabulación de cada página
  • Los indicadores de foco son visibles sobre todos los fondos que usamos y cumplen las reglas de apariencia del foco de WCAG 2.2
  • Los diálogos atrapan el foco mientras están abiertos, lo devuelven al disparador al cerrarse y se cierran con la tecla escape
  • Los errores de formulario se anuncian, se asocian a su campo y describen la solución y no solo el fallo
  • Toda imagen que aporta significado tiene texto alternativo, y las imágenes decorativas se ocultan a la tecnología de apoyo
  • Los diagramas son gráficos vectoriales en línea con rol y etiqueta, de modo que se describe el mecanismo en vez de anunciarse como un gráfico
  • Los encabezados son una jerarquía real, así que la navegación por encabezados te mueve por una página de país en segundos

Movimiento

La preferencia de movimiento reducido se respeta en todo el sitio y en las dos apps.

El motivo de la marca se dibuja como vector con fotogramas clave en la hoja de estilos en lugar de pasar por un motor de animación. Se detiene por completo en vez de quedarse a medio animar, y cuesta unos cientos de bytes en lugar de un cuarto de megabyte de código.

Nada se reproduce solo con sonido, nada parpadea más de tres veces por segundo, y nada se mueve más de cinco segundos sin un control para pararlo.

Derecha a izquierda, en serio

El árabe, el hebreo, el persa y el urdu son lenguas de derecha a izquierda y las tratamos como maquetaciones y no como traducciones.

La navegación, los indicadores de progreso, los iconos direccionales, el orden de lectura de las tablas, el flujo de los formularios y la dirección de los pasos de instalación se reflejan todos. Los números, los nombres de producto en alfabeto latino y las cifras de velocidad quedan bien dentro de la frase, porque el texto se maneja de forma bidireccional y no dándole la vuelta.

Esto importa comercialmente además de éticamente. El número del límite, la regla de devolución y el umbral de uso justo son las frases que más fácilmente se malinterpretan, y una maquetación de derecha a izquierda rota es justo donde una persona deja de fiarse de una página.

Hoy se publican doce idiomas y todos llevan los mismos números en los mismos sitios.

Estar sin conexión es una necesidad de acceso

Quien viaja sin cobertura queda temporalmente excluido de todo lo que una web puede ofrecer. Por eso tu perfil, tu saldo, los detalles de tu plan y las instrucciones de instalación funcionan sin conexión. Cada cuenta lleva datos de rescate gratis cada mes, en más de doscientos países, para que quedarte sin datos nunca signifique no poder comprar datos. Ese círculo es la exclusión más común de esta categoría de producto y casi nadie la trata como tal.

Fallos conocidos

Una declaración sin problemas conocidos no se ha probado. Estos están abiertos y cada uno tiene responsable.

  • Dos artículos de ayuda antiguos llevan tablas que se desplazan de forma incómoda en pantalla estrecha con el texto al 200 por ciento, y se están reescribiendo
  • El mapa de cobertura es una ayuda visual con un equivalente completo en texto al lado, y preferiríamos que el propio mapa se pudiera recorrer con el teclado
  • Algunos marcos de pago de terceros están fuera de nuestro control, y hemos trasladado los hallazgos concretos al procesador en lugar de aceptarlos en silencio
  • El persa y el urdu están completos en el contenido de ayuda y legal pero todavía no en todo el archivo de la revista

Dinos dónde fallamos

Escribe a accessibility at orbislo.com. Cuéntanos la página, el dispositivo, la tecnología de apoyo y qué pasó.

Una persona responde en menos de dos días laborables con una gravedad y una fecha objetivo. Cualquier cosa que bloquee una compra, una instalación o una devolución se trata como un incidente de producción y no como un elemento de la lista de tareas.

No estás enviando una opinión. Estás abriendo un error, y lo vamos a tratar así.

Preguntas que la gente hace de verdad

¿A qué estándar os ajustáis?
WCAG 2.2 nivel AA en todo el sitio y en las dos apps, y nivel AAA de contraste y nivel de lectura en todo lo que está en la ruta de compra. La ruta de compra es donde un error le cuesta dinero a una persona, así que se lleva el listón más alto.
¿El sitio funciona con el texto al 200 por ciento?
Sí. El texto dinámico escala hasta el 200 por ciento sin recortes, solapamientos ni desplazamiento horizontal, y eso incluye el número de uso justo del botón de compra. Lo probamos porque una maquetación al 200 por ciento es donde primero fallan las alturas fijas en píxeles.
¿Puedo usar todo el sitio con el teclado?
Sí. Toda función tiene una ruta por teclado y un indicador de foco visible que cumple los criterios de apariencia del foco de WCAG 2.2. No hay trampas de teclado, y los enlaces de salto van primero en el orden de tabulación de cada página.
¿Qué hacéis con el movimiento?
La preferencia de movimiento reducido se respeta en todas partes. El motivo de la marca se dibuja como vector con fotogramas clave en la hoja de estilos y no con una animación dirigida por código, así que se para en seco en vez de degradarse. Nada del sitio se mueve más de cinco segundos ni se reproduce solo con sonido.
¿El árabe está reflejado de verdad o solo traducido?
Reflejado de verdad. El árabe, el hebreo, el persa y el urdu se publican como maquetaciones de derecha a izquierda con navegación, progreso, iconos y flujo de formulario reflejados, y con los números y los fragmentos latinos tratados por texto bidireccional real y no dándole la vuelta a una cadena. Una captura de pantalla volteada no es una interfaz de derecha a izquierda.
¿Por qué llamáis al modo sin conexión una función de accesibilidad?
Porque para quien viaja lo es. Una persona que acaba de aterrizar sin cobertura no puede acceder temporalmente a nada de lo que el sitio ofrece. Tu perfil, tu saldo, los detalles de tu plan y las instrucciones de instalación funcionan sin conexión, y los datos de rescate gratis de cada cuenta existen para que nadie quede fuera de la posibilidad de comprar la vuelta a la red.
¿Qué pasa cuando informo de un problema?
Lo tratamos como un defecto con fecha límite, no como una opinión. Recibes respuesta de una persona en menos de dos días laborables, con una gravedad y una fecha objetivo. Cualquier cosa que bloquee una compra o una instalación se trata como incidente de producción y se arregla en días, no en trimestres.