Com o objetivo de promover o fácil acesso ao conteúdo digital, a Web Content Accessibility Guidelines (WCAG) estabelece uma série de diretrizes para melhorar a experiência de todos os usuários.
O Virtual Assistant integra progressivamente o modelo sugerido para melhorar a acessibilidade de seus usuários. A seguir, são detalhados os elementos incluídos:
Idioma: a janela do bot declara explicitamente o idioma/região, para que os leitores de tela e assistentes de acessibilidade processem o texto no idioma correto desde o início da interação.
Navegação e foco:
• Ordem lógica de tabulação: foi implementada uma ordem de foco correta (tabindex) para todos os elementos interativos da janela: header, botões (minimizar, fechar), quick replies, inputs de formulário, campo de texto e botão de envio.
• Campos de formulário e botão "mostrar senha" acessíveis: o ícone de "olhinho" para mostrar/ocultar senha agora pode ser acessado com Tab, ativado com Enter/Espaço, e o leitor de tela anuncia o estado ("Mostrar senha" / "Ocultar senha").
• Opção "Acessibilidade" no CTA do canal Web: ativa um link "Skip to chat" (texto configurável) para permitir que usuários com leitores de tela (ou navegação por teclado) pulem diretamente para o CTA acessível de abertura do bot. Configure em Configurações > Canais > Web > Básicas > Acessibilidade.
Feedback em mensagens:
• Identificador do remetente nas mensagens: ao navegar entre mensagens com Tab, o leitor de tela anuncia o remetente, indicando se é "sua mensagem" ou "mensagem do Bot".
• Feedback ao enviar uma mensagem: após enviar uma mensagem, o assistente de acessibilidade informa que "aguarda resposta", evitando incerteza sobre se a mensagem foi enviada.
• Feedback ao receber uma mensagem: quando chega uma resposta do bot, o assistente indica que há uma "nova mensagem", alertando o usuário.
Semântica e descrição de elementos: o bot utiliza HTML semântico correto para que o assistente de acessibilidade identifique e descreva automaticamente botões, listas e links, indicando ao usuário como interagir com cada um deles.
Imagens:
• Em Configuração > Canais, nos elementos ícone, logo e avatar, é possível configurar um texto alternativo. O texto é renderizado como atributo `alt` no HTML para que os leitores de tela o leiam.
• Gerenciamento de imagens decorativas: as imagens sem texto alternativo configurado recebem automaticamente `alt=""`, indicando ao leitor de tela que deve ignorá-las.
• Texto alternativo em imagens: foi adicionado o campo opcional "Texto alternativo" (máx. 100 caracteres) nos complementos Imagem e Carrossel. O texto é renderizado como atributo `alt` no HTML para que o conteúdo publicado no canal web possa ser interpretado corretamente por tecnologias assistivas, como leitores de tela.
Vídeo: foram adicionados dois campos opcionais no complemento Vídeo.
• Descrição do vídeo: é opcional. Tem como objetivo permitir que você adicione uma breve descrição do conteúdo do vídeo, com limite máximo de 100 caracteres. Recomenda-se incluir "do que se trata" e "o que o usuário obterá" ao assisti-lo.
• URL de descrição estendida: permite adicionar um link opcional com uma descrição mais longa. Deve apontar para um conteúdo estável e acessível em formato de texto, não apenas outro vídeo. Pode ser, por exemplo, uma página web ou um documento online.