Acessibilidade

Se este site te bloqueou, isso é um defeito com prazo.

A gente mira WCAG 2.2 nível AA no site inteiro e nos dois apps, e nível AAA no texto crítico de compra. O texto dinâmico escala até 200 por cento, a preferência de movimento reduzido é respeitada, árabe, hebraico, persa e urdu são totalmente espelhados, e o modo offline é tratado como recurso de acessibilidade porque para quem viaja ele é isso mesmo.

Esta é uma declaração do que a gente faz, de como cada afirmação é testada e de como relatar uma barreira. Cada meta abaixo é verificada por algo que trava um merge ou trava um lançamento, e a verificação aparece ao lado da meta que ela cobre.

Uma mão segurando um celular com um mapa de transporte na plataforma do metrô — Pouca luz, uma mão só, um trem em movimento e sem sinal. O caso de uso mais difícil que a gente tem é o comum.

As réguas que a gente se impõe

Área	Meta	Como é conferido
Site e apps no geral	WCAG 2.2 nível AA	Varredura automática em todo pull request, bloqueando o merge
Texto crítico de compra	WCAG 2.2 nível AAA para contraste e nível de leitura	Contraste de 7 para 1, nível de leitura conferido a cada mudança de texto
Escala de texto	200 por cento sem truncamento nem sobreposição	Testes de layout a 100, 150 e 200 por cento em três larguras de viewport
Teclado	Toda função alcançável, foco sempre visível	Uma passagem manual por cada fluxo de compra e instalação a cada versão
Leitores de tela	Fluxos completos no VoiceOver, TalkBack e NVDA	Uma auditoria anual com pessoas que usam tecnologia assistiva, não só com ferramentas
Movimento	Movimento reduzido respeitado, nada se movendo além de cinco segundos	Um teste de consulta de preferência na suíte automatizada
Direita para esquerda	Layouts espelhados para árabe, hebraico, persa e urdu	Revisados por falantes nativos a cada versão que mexe no layout
Offline	Perfil, saldo, detalhes do plano e passos de instalação sem conexão	Uma rodada em modo avião antes de cada versão do app

Quando a checagem é automática, ela bloqueia um merge. Quando é manual, bloqueia uma versão. Nenhuma das duas é opinativa.

Texto, contraste e cor

O texto corrido atende a uma razão de contraste de 4,5 para 1 como piso, e o texto crítico de compra atende 7 para 1.

A cor nunca carrega o significado sozinha. Um nível de cobertura é um rótulo além de uma cor. Um erro é uma palavra além de uma borda vermelha. Um plano que acabou diz isso em texto em vez de só ficar cinza. Essa regra importa mais nas páginas onde dinheiro troca de mãos.

O texto dinâmico escala até 200 por cento. Nada no site é diagramado com alturas fixas que cortam em tamanhos grandes, e as tabelas rolam na horizontal dentro do próprio contêiner em vez de empurrar a página para o lado.

O limite de uso justo no botão de compra continua legível em qualquer tamanho. Se você usa um tamanho de fonte do navegador ou do sistema maior que o padrão, o site respeita em vez de sobrescrever.

Teclado, foco e leitores de tela

Toda função tem um caminho pelo teclado. A lista abaixo é o padrão contra o qual a gente testa a cada versão, não uma descrição de intenções.

Um link para pular para o conteúdo é o primeiro item na ordem de tabulação de toda página
Os indicadores de foco são visíveis sobre todos os fundos que a gente usa e atendem às regras de aparência de foco da WCAG 2.2
Caixas de diálogo prendem o foco enquanto abertas, devolvem ao gatilho ao fechar e fecham na tecla escape
Erros de formulário são anunciados, associados ao campo e descrevem a correção, não só a falha
Toda imagem que carrega significado tem texto alternativo, e imagens decorativas ficam escondidas da tecnologia assistiva
Diagramas são gráficos vetoriais em linha com papel e rótulo, então o mecanismo é descrito em vez de anunciado como imagem
Os títulos formam uma hierarquia de verdade, então navegar por títulos leva você por uma página de país em segundos

Movimento

A preferência de movimento reduzido é respeitada no site inteiro e nos dois apps.

O motivo da marca é desenhado como vetor com quadros chave na folha de estilo em vez de passar por um motor de animação. Ele para por completo em vez de ficar meio animado, e custa algumas centenas de bytes em vez de um quarto de megabyte de código.

Nada toca sozinho com som, nada pisca mais de três vezes por segundo, e nada se move por mais de cinco segundos sem um controle para parar.

Direita para esquerda, de verdade

Árabe, hebraico, persa e urdu são línguas escritas da direita para a esquerda e a gente trata isso como diagramação, não como tradução.

Navegação, indicadores de progresso, ícones direcionais, ordem de leitura das tabelas, fluxo dos formulários e a direção dos passos de instalação são todos espelhados. Números, nomes de produto em alfabeto latino e valores de velocidade ficam certos dentro da frase, porque o texto é tratado de forma bidirecional em vez de invertido.

Isso importa comercialmente além de eticamente. O número do limite, a regra de reembolso e o limite de uso justo são as frases com maior chance de serem lidas errado, e uma diagramação da direita para a esquerda quebrada é exatamente onde a pessoa para de confiar na página.

Doze idiomas estão no ar hoje e todos eles carregam os mesmos números nos mesmos lugares.

Estar offline é uma necessidade de acesso

Quem viaja sem sinal fica temporariamente trancado para fora de tudo que um site pode oferecer. Por isso seu perfil, seu saldo, os detalhes do seu plano e as instruções de instalação funcionam sem conexão. Clientes recebem dados de emergência grátis todo mês, em todo destino que vendemos, para que ficar sem dados nunca signifique não conseguir comprar dados. Esse ciclo é a exclusão mais comum desta categoria de produto e quase ninguém trata isso como exclusão.

Testado antes de cada lançamento

Estas quatro rodam com tecnologia assistiva de verdade, não só com um scanner, cada uma tem um responsável com nome no repositório, e cada uma trava um lançamento quando falha.

VoiceOver, TalkBack e NVDA percorrem os fluxos completos de compra e instalação, com uma auditoria anual feita por quem os usa todo dia
As telas offline são conferidas em modo avião antes de cada lançamento do app, porque é para esse estado que elas foram feitas
O texto de pagamento e de reembolso é lido a 200 por cento em tela estreita antes de ir ao ar, porque é ali que tem dinheiro em jogo
Persa e urdu levam o conteúdo de ajuda e jurídico completo, e falantes nativos revisam cada lançamento que mexe no layout

Relate uma barreira

Escreva para accessibility at orbislo.com. Diga a página, o aparelho, a tecnologia assistiva e o que aconteceu.

Uma pessoa responde em até dois dias úteis com uma severidade e uma data alvo. Qualquer coisa que bloqueie uma compra, uma instalação ou um reembolso é tratada como incidente de produção e não como item de backlog.

Você não está mandando um feedback. Você está abrindo um bug, e a gente vai tratar assim.

Perguntas que as pessoas realmente fazem

A qual padrão vocês se prendem?

WCAG 2.2 nível AA no site inteiro e nos dois apps, e nível AAA de contraste e nível de leitura em tudo que está no caminho da compra. O caminho da compra é onde um erro custa dinheiro para alguém, então ele fica com a régua mais alta.

O site funciona com texto a 200 por cento?

Funciona. O texto dinâmico escala até 200 por cento sem truncamento, sobreposição ou rolagem horizontal, e isso inclui o número de uso justo no botão de compra. A gente testa porque um layout a 200 por cento é onde alturas fixas em pixels quebram primeiro.

Consigo usar o site inteiro com o teclado?

Consegue. Toda função tem um caminho pelo teclado e um indicador de foco visível que atende aos critérios de aparência de foco da WCAG 2.2. Não há armadilhas de teclado, e os links de pular vêm primeiro na ordem de tabulação de toda página.

O que vocês fazem em relação a movimento?

A preferência de movimento reduzido é respeitada em todo lugar. O motivo da marca é desenhado como vetor com quadros chave na folha de estilo em vez de animação movida por código, então ele para seco em vez de degradar. Nada no site se move por mais de cinco segundos nem toca sozinho com som.

O árabe é espelhado de verdade ou só traduzido?

Totalmente espelhado. Árabe, hebraico, persa e urdu saem como layouts da direita para a esquerda com navegação, progresso, ícones e fluxo de formulário espelhados, com números e trechos em alfabeto latino tratados por texto bidirecional de verdade e não por inverter uma string. Uma captura de tela invertida não é uma interface da direita para a esquerda.

Por que vocês chamam o modo offline de recurso de acessibilidade?

Porque para quem viaja ele é isso. Uma pessoa que acabou de pousar sem sinal fica temporariamente incapaz de alcançar qualquer coisa que o site ofereça. Seu perfil, seu saldo, os detalhes do plano e as instruções de instalação funcionam sem conexão, e os clientes recebem dados de emergência grátis uma vez por mês, carregados na linha que estão usando quando o saldo acaba, para ninguém ficar impedido de comprar o caminho de volta.

O que acontece quando eu relato um problema?

A gente trata como defeito com prazo, não como feedback. Você recebe resposta de uma pessoa em até dois dias úteis com uma severidade e uma data alvo. Qualquer coisa que bloqueie uma compra ou uma instalação é tratada como incidente de produção e corrigida em dias, não em trimestres.

Ver destinos Dados de cobertura Preços Central de confiança