Introdução ao WayWidget da iubenda: Guia passo a passo
A Lei Europeia de Acessibilidade (EAA) entrou em vigor a 28 de junho de 2025, trazendo novos requisitos para a acessibilidade de websites. Para empresas que operam na UE, ou com clientes da UE, o melhoramento da acessibilidade e a conformidade com estas novas normas é fundamental. Com o WayWidget da iubenda, tornar o seu website mais acessível nunca foi tão fácil.
O novo WayWidget da iubenda utiliza ajustes baseados em IA para tornar automaticamente o seu website mais acessível para utilizadores com várias deficiências. A solução suporta uma série de funcionalidades de acessibilidade, facilitando a navegação e a interação do utilizador com o seu site.
O que é o WayWidget da iubenda?
O WayWidget da iubenda é um widget totalmente automatizado projetado para melhorar a acessibilidade do seu website. Esta ajusta o seu website em tempo real para atender às necessidades de utilizadores com deficiência, incluindo opções como redimensionamento de texto, modos de alto contraste, compatibilidade com leitores de ecrã e muito mais. As principais características incluem:
🎧 Compatibilidade com leitores de ecrã: Ajuda a tornar o seu website legível por leitores de ecrã para utilizadores com deficiência visual.
🔳 Contraste e redimensionamento de texto: Permite que os utilizadores ajustem o contraste e o tamanho de letra de acordo com as suas necessidades.
⌨️ Navegação por teclado: Melhora a navegação por teclado para utilizadores com deficiência motora.
🌀 Controlo de conteúdo dinâmico: Permite que os utilizadores com epilepsia ou outras doenças parem animações ou conteúdos dinâmicos que possam ser prejudiciais.
Com um processo de instalação simples, pode começar imediatamente sem rever o código do seu website.
Passo 1: Ativando o WayWidget
Aceda ao painel de controlo da iubenda: No seu Painel iubenda, encontre o bloco WayWidget entre os seus produtos disponíveis.
Ativar o widget: Clique no botão Ativar para começar a usar o WayWidget.
Passo 2: Personalizando o WayWidget
Uma vez ativado o WayWidget, pode fazê-lo corresponder à aparência e sensação do seu website usando o Configurador do WayWidget. Esta ferramenta está disponível tanto para novos planos de preços como para planos legados.
Vá ao seu Painel iubenda.
Encontre o bloco WayWidget.
Clique no botão Definições para abrir o configurador.
O configurador terá esta aparência:
Dentro do configurador, 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 no ecrã: Canto superior esquerdo, Canto inferior esquerdo, Canto inferior direito, Canto superior direito
👉 O painel principal do widget abrirá sempre 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-a mais acessível para o seu público.
URL da Declaração de Acessibilidade: Adicione um link personalizado à declaração de acessibilidade do seu site, para que os usuários possam encontrá-lo facilmente.
💡 Quaisquer alterações que você fizer no configurador serão aplicadas automaticamente ao seu WayWidget, mesmo que já esteja incorporado no seu site.
Passo 3: Instalando o WayWidget no Seu Site
Depois de ativar e configurar o widget, você pode incorporá-lo no seu site.
Incorporar o widget: Copie o trecho 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.
Verificar a funcionalidade do widget: Após a incorporação, atualize o seu website de modo a garantir que o widget está visível e funcional. Deverá agora ver um pequeno ícone de acessibilidade:
Como funciona para o utilizador final
Uma vez que o WayWidget esteja incorporado e ativo no seu site, os usuários finais poderão interagir com ele para personalizar a sua experiência de navegação. À medida que o utilizador altera as suas definições através do widget, são efetuados ajustes em tempo real ao layout do website, garantindo a otimização imediata do conteúdo com base nas preferências selecionadas. Comportamento e funcionalidades do widget:
Aparência do widget: O WayWidget aparece como um pequeno ícone; quando os usuários clicam no ícone, ele abre um menu de opções de acessibilidade, proporcionando uma forma fluida de ajustar o layout do site.
Preferências do utilizador: O widget permite que o utilizador selecione as suas preferências de acessibilidade, como:
Tamanho do texto: O utilizador pode ajustar o tamanho do texto para uma melhor legibilidade.
Definições de contraste: Ajusta o contraste para que o conteúdo se destaque mais claramente, especialmente para pessoas com deficiência visual.
Outras opções de visualização: O widget oferece ainda uma gama de definições de visualização para responder a diferentes necessidades, facilitando a navegação do utilizador de acordo com as suas necessidades.
Tamanho e estilo do texto: Amplia ou ajusta o texto, tornando-o mais legível sem ser necessário recarregar a página.
Contraste: Aplica alterações às cores de fundo e do texto, melhorando a visibilidade para utilizadores com daltonismo ou baixa visão.
Controlo dinâmico de conteúdo: Para os utilizadores que possam ser sensíveis a animações ou conteúdos intermitentes, o widget permite-lhes desligar as animações ou modificar o comportamento de conteúdos dinâmicos. É particularmente benéfico para pessoas com doenças como a epilepsia.
Navegação melhorada: Para além das alterações visuais, o widget melhora a navegação por teclado ao otimizar a ordem de focagem, facilitando a eficiência de navegação e interação dos utilizadores com deficiência motora com a página.
Compatibilidade com leitores de ecrã: O widget garante que todos os elementos são compatíveis com leitores de ecrã, assegurando a fácil compreensão e interação dos utilizadores com deficiência visual com todo o conteúdo do seu site.
Cómodo e acessível: Uma vez que o widget flutua numa posição fixa no site, as definições de acessibilidade permanecem facilmente acessíveis em qualquer momento, permitindo que o utilizador efetue 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 do seu website!
