Introdução ao WayWidget da iubenda: um guia passo a passo
A Lei de Acessibilidade Europeia (EAA) entrou em vigor no dia 28 de junho de 2025, trazendo novos requisitos para a acessibilidade de sites. Para as empresas que operam na UE ou atendem clientes da UE, é fundamental melhorar a acessibilidade e alinhar-se a esses novos padrões. Com o WayWidget da iubenda, tornar seu site mais acessível é muito fácil.
O novo WayWidget da iubenda usa ajustes com base em IA para que seu site seja automaticamente mais acessível para usuários com diferentes tipos de deficiência. A solução é compatível com uma série de recursos de acessibilidade, facilitando a navegação e a interação dos usuários com o seu site.
O que é o WayWidget da iubenda?
O WayWidget da iubenda é um widget totalmente automatizado projetado para melhorar a acessibilidade de seu site. Ele ajusta seu site em tempo real para acomodar as necessidades dos usuários com deficiências, incluindo opções como redimensionamento de texto, modos de alto contraste, compatibilidade com leitores de tela e muito mais. As principais funcionalidades são:
🎧 Compatibilidade com leitores de tela: Ajuda a tornar seu site legível por leitores de tela para usuários com deficiência visual.
🔳 Contraste e redimensionamento de texto: Permite que os usuários ajustem o contraste e o tamanho da fonte de acordo com suas necessidades.
⌨️ Navegação pelo teclado: Melhora a navegação no teclado para usuários com deficiências motoras.
🌀 Controle sobre o conteúdo dinâmico: Permite que usuários com epilepsia ou outras condições interrompam animações ou conteúdo dinâmico que possam ser prejudiciais.
Com um processo de instalação simples, você pode começar a trabalhar imediatamente, sem precisar revisar o código do seu site.
Etapa 1: Ativando o WayWidget
Acesse o dashboard da iubenda: No dashboard da iubenda, localize o quadro WayWidget em seus produtos disponíveis.
Ative o Widget: Clique no botão Ativar para começar a usar o WayWidget.
Etapa 2: Personalizando o WayWidget
Depois de ativar o WayWidget, você pode fazê-lo combinar com a aparência do seu site usando o Configurador do WayWidget. Esta ferramenta está disponível tanto para novos planos de preços quanto para planos legados.
Vá para o seu painel de controle da iubenda.
Encontre o quadro WayWidget.
Clique no botão Configurações para abrir o configurador.
O configurador terá esta aparência:
Dentro do configurador, você encontrará várias opções para personalizar o widget:
Posição do Botão de Ativação: Escolha onde o botão do widget aparece na tela: Canto superior esquerdo, Canto inferior esquerdo, Canto inferior direito, Canto superior direito
👉 O painel principal do widget sempre abrirá a partir da parte inferior da tela.
Cor de fundo do widget: Altere a cor de fundo para se adequar melhor ao design do seu site. (A personalização de texto ainda não está disponível.)
Aparência do botão de ativação: Ajuste tanto a cor do ícone quanto a cor de fundo do botão de ativação.
Idioma padrão: Defina o idioma padrão para a interface do widget, tornando-o mais acessível para seu público.
URL da Declaração de Acessibilidade: Adicione um link personalizado para a declaração de acessibilidade do seu site, para que os usuários possam encontrá-la facilmente.
💡 Quaisquer alterações que você fizer no configurador serão aplicadas automaticamente ao seu WayWidget, mesmo que já esteja incorporado ao seu site.
Etapa 3: Instalando o WayWidget no seu site
Depois de ativar e configurar o widget, você pode incorporá-lo ao seu site.
Incorpore o widget: Copie o snippet de código fornecido para o WayWidget e cole-o no início da seção head do seu site (logo após a tag <head> ) para instalar o widget.
Verifique a funcionalidade do widget: Após a incorporação, atualize seu site para garantir que o widget esteja visível e funcional. Agora você deve ver um pequeno ícone de acessibilidade:
Como ele funciona para os usuários finais
Uma vez que o WayWidget esteja incorporado e ativo em seu site, os usuários finais poderão interagir com ele para personalizar a experiência de navegação. À medida que os usuários alteram suas configurações por meio do widget, são feitos ajustes em tempo real no layout do site, garantindo que o conteúdo seja instantaneamente otimizado com base nas preferências selecionadas. Veja a seguir como o widget se comporta e as funcionalidades que ele oferece:
Aparência do widget: O WayWidget aparece como um pequeno ícone e, quando os usuários clicam nesse ícone, ele abre um menu de opções de acessibilidade, proporcionando uma maneira perfeita de ajustar o layout do site.
Preferências do usuário: O widget permite que os usuários selecionem suas preferências de acessibilidade, como:
Tamanho do texto: Os usuários podem ajustar o tamanho do texto para melhor legibilidade.
Configurações de contraste: Ajusta o contraste para que o conteúdo se destaque com mais clareza, especialmente para pessoas com deficiências visuais.
Outras opções de exibição: O widget também oferece uma variedade de configurações de exibição para atender a diferentes necessidades, facilitando a navegação dos usuários no site da maneira que melhor lhes convier.
Tamanho e estilo do texto: Aumenta ou ajusta o texto de forma a torná-lo mais legível sem precisar recarregar a página.
Contraste: Aplica alterações nas cores de fundo e de texto para melhorar a visibilidade para usuários com daltonismo ou baixa visão.
Controle de conteúdo dinâmico: Para os usuários que podem ser sensíveis a animações ou conteúdo intermitente, o widget oferece a opção de desativar as animações ou modificar o comportamento do conteúdo dinâmico. Isso é especialmente benéfico para pessoas com condições como a epilepsia.
Navegação aprimorada: Além das alterações visuais, o widget melhora a navegação pelo teclado ao otimizar a ordem do foco, facilitando a navegação e a interação eficiente dos usuários com deficiências motoras com a página.
Compatibilidade com leitores de tela: O widget garante que todos os elementos sejam compatíveis com leitores de tela, assegurando que os usuários com deficiência visual possam entender e interagir facilmente com todo o conteúdo do seu site.
Prático e acessível: As configurações de acessibilidade permanecem facilmente acessíveis a qualquer momento, com o widget flutuando em uma posição fixa no site, permitindo que os usuários façam alterações sempre que necessário.
Com o WayWidget da iubenda, você pode melhorar a acessibilidade do seu site e proporcionar uma experiência melhor e mais inclusiva para todos os usuários.
Comece hoje mesmo e melhore a acessibilidade de seu site!
