Pular para o conteúdo principal
Versão: v11.0.0

Cor do botão de acessibilidade

O parâmetro colorButton permite alterar a cor do botão de acessibilidade.
Ele pode receber um dos três valores a seguir:

  • ✅ a11yColorMain
  • ✅ a11yColorLight
  • ✅ neutralLowMain

Botões da Hand Talk com as 3 cores disponíveis, sendo elas, azul escuro, azul claro e preto

Exemplo de customização da cor do Botão de Acessibilidade​

<body>
  <!-- Importa a última versão do plugin Hand Talk -->
  <script src="https://plugin.handtalk.me/web/latest/handtalk.min.js"></script>
  <script>
    var ht = new HT({
      // Troque por seu token de acesso
      token: "TOKEN",
      // Exemplo de customização do botão de acessibilidade para azul claro
      colorButton: "a11yColorLight"
      }
    );
  </script>
</body>
Quando usar cada cor

De acordo com as diretrizes da WCAG, o contraste entre texto e fundo deve ser de, no mínimo, 7:1 para garantir acessibilidade.
Seguindo essa orientação:

  • ✅ a11yColorMain e neutralLowMain são recomendados para fundos claros.
  • ✅ a11yColorLight é recomendado para fundos escuros.

🔗 Clique aqui para consultar a documentação da WCAG.

Atenção

Lembre-se de verificar o contraste em banners em carrossel para garantir que o botão permaneça visível em todas as imagens.