Acessibilidade
Se este site te bloqueou, isso é um defeito com prazo.
Esta é uma declaração do que a gente faz, do que ainda não terminou e de como avisar onde a gente falhou. Promessa de acessibilidade sem lista de falhas conhecidas é marketing, então as falhas estão mais abaixo nesta página.
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
Falhas conhecidas
Uma declaração sem problemas conhecidos não foi testada. Estas estão abertas, e cada uma tem um responsável.
- Dois artigos de ajuda mais antigos têm tabelas que rolam de forma desajeitada em tela estreita com texto a 200 por cento, e estão sendo reescritos
- O mapa de cobertura é um apoio visual com um equivalente completo em texto ao lado, e a gente preferia que o próprio mapa fosse navegável pelo teclado
- Alguns quadros de pagamento de terceiros estão fora do nosso controle, e a gente levou os achados específicos ao processador em vez de aceitar calado
- Persa e urdu estão completos no conteúdo de ajuda e jurídico, mas ainda não em todo o acervo da revista
Conte onde a gente falhou
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.