Declaração de acessibilidade

• HTML semântico. Títulos, marcos e listas de verdade. Exatamente um h1 por página, verificado automaticamente em cada página nas duas larguras.
• Um link de pular para o conteúdo principal, como primeiro elemento focável de cada página.
• Alternativas textuais. Toda imagem carrega um atributo alt ; a suíte de testes derruba a construção se alguma não carregar. Desenhos decorativos são marcados como decorativos, para que um leitor de tela passe por cima deles.
• Movimento reduzido é respeitado. Toda animação deste site — o sol nascendo, as contagens, as ilustrações desenhadas, as passadas de marca-texto, as gravações do produto — é desligada sob prefers-reduced-motion, e a suíte de testes verifica que nada se moveu e que nenhum vídeo está tocando ou ainda carrega um atributo de autoplay.
• Nada depende de JavaScript. Com os scripts bloqueados, os desenhos já estão desenhados e os números já estão no valor final. Não existe estado em que o leitor fique olhando para uma caixa vazia.
• Sem rolagem horizontal em nenhuma largura até 390 px, verificado em cada página. O texto reflui; tabelas largas rolam dentro da própria caixa em vez de mover a página.
• Foco visível. Um anel de foco de teclado no teal do próprio site, em tudo que é focável, nunca removido.
• Contraste. O texto do corpo é quase preto sobre branco. Onde o registro pedia um cinza mais claro, ele foi recusado para texto e mantido para fios e marcas que não carregam significado.
• O idioma é declarado em cada página, e cada tradução declara o seu; o seletor de idioma marca o atual.
• Nenhum som toca sozinho. As gravações do produto são mudas, não começam antes de estarem deliberadamente à vista, e não começam de jeito nenhum sob movimento reduzido.

• Grades feitas para o teclado. As grades de pivot e de lista são operadas pelo teclado — setas, Enter, Tab, copiar, colar, preencher para baixo — porque é assim que planejadores trabalham, e acontece de ser também o que a tecnologia assistiva precisa.
• As recusas são lidas, não apenas coloridas. Quando uma escrita é recusada, o motivo é uma frase que nomeia a célula e a regra. A cor é um segundo sinal, nunca o único.
• Verificação de acessibilidade na construção. O linter da própria aplicação inclui regras de acessibilidade para JSX, e a construção falha em um erro de lint.
• Os construtores ocupam o quadro da aplicação, nunca um modal, o que quer dizer que o foco fica em um lugar aonde quem usa teclado foi, e não em um lugar para onde foi jogado.

Lacunas conhecidas no produto. Uma grade grande virtualizada é difícil de fazer ser lida bem em um leitor de tela, e não resolvemos isso. Gráficos ainda não têm um equivalente em tabela de dados. A aplicação não foi testada de ponta a ponta com um leitor de tela, e não há VPAT. Se você usa tecnologia assistiva e quer planejar com a Superiora, escreva para nós — essa é uma conversa que queremos ter, e ela vai mudar o roadmap.