Acessibilidade na Roleta Geral
Publicado em · Última atualização:
A Roleta Geral é um site feito para que qualquer pessoa consiga sortear e decidir, inclusive quem usa leitor de tela, navega só pelo teclado, amplia a tela ou é sensível a movimento. Esta página conta o que já fazemos, o que ainda tem limitação e como avisar quando algo atrapalha.
Em resumo
- Referência: as diretrizes WCAG 2.2, do W3C, no nível AA.
- Dá para girar, ler o resultado e mudar os ajustes só com o teclado.
- O resultado é anunciado em texto para leitores de tela.
- Animação, confete e aplausos podem ser reduzidos ou desligados.
Nesta página · 7 seções
Nosso Compromisso
A Lei Brasileira de Inclusão (Lei 13.146/2015, art. 63) exige acessibilidade nos sites mantidos por empresas com sede no Brasil, seguindo as práticas reconhecidas internacionalmente. A nossa referência é a versão 2.2 das Diretrizes de Acessibilidade para o Conteúdo da Web (WCAG), publicada pelo W3C, no nível AA. As WCAG também são a base do Modelo de Acessibilidade em Governo Eletrônico (eMAG), a referência do governo federal.
O Que Já Fazemos
Teclado
- A barra de espaço ou a tecla Enter gira a roleta, e a tecla M liga ou desliga o som.
- Todos os botões, abas e campos são alcançados com Tab, na ordem visual, com o foco sempre visível.
- Um link “Pular para o conteúdo” aparece no primeiro Tab de cada página.
- Quando o resultado abre, o foco vai para ele e não escapa enquanto ele estiver aberto; Esc fecha.
Leitores de Tela
- O resultado do giro é anunciado em texto, não só mostrado na roda.
- A roda tem nome descritivo, e cada botão de ícone tem rótulo em português.
- Os títulos seguem uma hierarquia única por página, para navegar pelos cabeçalhos.
- Tabelas têm cabeçalhos marcados, e as que rolam de lado podem ser alcançadas pelo teclado.
Visão e Leitura
- As cores de texto e botões passam pelo contraste mínimo do nível AA, medido automaticamente em todas as combinações do tema claro e do escuro.
- A página se adapta a telas estreitas e ao zoom do navegador sem rolagem lateral.
- Tema escuro disponível, e o texto escrito nas fatias tem contraste mínimo de 3:1 com cada cor da roda.
- Linguagem simples, frases curtas e exemplos do dia a dia.
Movimento e Som
- Se o seu aparelho estiver configurado para reduzir movimento, o giro fica curto e as animações decorativas são desligadas.
- Confete pode ser desligado em Personalizar, e o som, no botão de som ou na tecla M.
- Nada pisca mais de três vezes por segundo.
Toque
- Botões da roleta com área de toque de 44 × 44 pixels em telas de toque, acima do mínimo de 24 × 24 pixels do WCAG 2.2.
- A página rola normalmente com o dedo, inclusive sobre a lista de opções.
Como Testamos
Cada mudança passa por verificação automática de acessibilidade, que procura problemas como botões sem nome, contraste insuficiente e áreas que o teclado não alcança, e por medição de contraste de todas as cores do tema. Como explica a política editorial, se um teste falha, a mudança não é publicada.
Limitações Conhecidas
- Imagens nas fatias: imagens que você adiciona à roleta não têm descrição em texto. Use também um nome na linha da opção, que é o que o leitor de tela anuncia.
- Anúncios: são fornecidos por terceiros e podem não seguir o mesmo padrão. Eles nunca ficam sobre a roda e podem ser fechados na visita.
- Roleta incorporada: em outros sites, a acessibilidade também depende da página onde ela foi colocada.
Estamos trabalhando para reduzir essas limitações, e elas são revistas a cada nova versão do site.
Navegadores e Tecnologias Assistivas
O site funciona nas versões atuais do Chrome, Edge, Firefox e Safari, no computador e no celular, e foi pensado para ser usado com os leitores de tela mais comuns, como NVDA, VoiceOver e TalkBack. Versões muito antigas de navegador podem não mostrar todas as funções.
Encontrou uma Barreira?
Se algo impede ou dificulta o uso do site, escreva pela página de contato ou para [email protected], com o assunto “Acessibilidade”. Conte qual página, o que tentou fazer e, se puder, o aparelho, o navegador e a tecnologia assistiva que usa. Respondemos com uma solução ou com um caminho alternativo para você conseguir o que precisa.
Perguntas Frequentes
Dá para girar a roleta sem mouse?
Dá. Com o foco fora dos campos de texto, a barra de espaço ou a tecla Enter giram a roleta, Tab percorre os botões e Esc fecha o resultado. A tecla M liga e desliga o som.
O leitor de tela fala quem foi sorteado?
Fala. O resultado aparece em texto num aviso que recebe o foco, então o leitor de tela anuncia o nome sorteado assim que a roda para.