O widget de chat da ViaSay passou por uma revisão significativa de acessibilidade, aproximando-o substancialmente da conformidade com RGAA e WCAG. Como essas correções vivem em nossa biblioteca de componentes compartilhada, todos os widgets ViaSay se beneficiam automaticamente — não há nada para você atualizar.
A acessibilidade é cada vez mais uma exigência legal (RGAA na França, a Lei Europeia de Acessibilidade) — e uma experiência melhor para todos. Veja o que mudou.
Criado para usuários de leitores de tela
O widget agora se comunica claramente com as tecnologias assistivas.
Botões, ícones e imagens expõem nomes acessíveis adequados — enquanto elementos puramente decorativos ficam corretamente ocultos dos leitores de tela.
Atualizações de status em tempo real — estado da conexão, confirmação de CSAT — são anunciadas automaticamente assim que ocorrem.
O conteúdo do chat agora usa uma estrutura HTML significativa (um cabeçalho para o header, listas reais para conteúdo com marcadores, parágrafos para as mensagens), para que os leitores de tela possam navegar por ele corretamente.
Os rótulos da interface agora são resolvidos no idioma do próprio widget, corrigindo casos em que alguns controles eram anunciados em inglês independentemente do idioma configurado.
Navegação completa por teclado
Todo o widget pode ser operado sem o mouse.
Os controles interativos agora são botões reais — acessíveis e ativáveis pelo teclado, com um contorno de foco claramente visível.
O foco é tratado de forma inteligente: ele se move para o campo de mensagem quando o chat é aberto e retorna ao launcher quando ele é fechado, para que os usuários de teclado nunca percam sua posição.
Contraste visual mais claro
O texto e os detalhes da interface ficam mais fáceis de ler. As bordas dos campos, o texto de placeholder e o indicador de digitação agora atendem aos requisitos de contraste.
🗒️ A cor principal do seu widget continua sendo sua escolha — apenas mantenha contraste suficiente com o branco no cabeçalho para permanecer em conformidade.
Novidade — cor do subtítulo do cabeçalho
Uma nova opção tertiary_color permite definir uma cor distinta para o subtítulo do cabeçalho, dando ao cabeçalho do chat um acabamento mais refinado e alinhado à sua marca.