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
  1. Nosso Compromisso
  2. O Que Já Fazemos
  3. Como Testamos
  4. Limitações Conhecidas
  5. Navegadores e Tecnologias Assistivas
  6. Encontrou uma Barreira?
  7. Perguntas Frequentes

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.

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.