Como começar a usar a Accessibility Solution da iubenda: um guia passo a passo
A Lei de Acessibilidade Europeia (EAA) entrará 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 a Accessibility Solution da iubenda, tornar seu site mais acessível é muito fácil.
A nova Accessibility Solution 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 é a Accessibility Solution da iubenda?
A Accessibility Solution 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: Ativação da Accessibility Solution
Acesse o dashboard da iubenda: No dashboard da iubenda, localize o quadro Accessibility Solution em seus produtos disponíveis.
Ative o Widget: Clique no botão Ativar para começar a usar a Accessibility Solution.
Observação: A ferramenta está na versão beta e pode ser usada gratuitamente até 15 de abril. Após essa data, você pagará US$ 7 mensais para cada 10 mil visualizações de página.
🔜 Em breve
Durante o desenvolvimento contínuo, lançaremos novas funcionalidades e opções de personalização. Incluindo o ajuste da posição, da cor e da disposição (índice z) do widget e a decisão de como ele será exibido em seu site, seja como ícone, rótulo ou ambos. Essas opções facilitam a combinação perfeita do widget com o design do seu site. Fique ligado!
Etapa 2: Instalação do widget da Accessibility Solution em seu site
Depois que o widget estiver ativado, é hora de incorporá-lo ao seu site.
Incorpore o widget: Copie o snippet de código fornecido para o Widget da Accessibility 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
Quando o widget da Accessibility Solution estiver 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 widget de acessibilidade 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 a Accessibility Solution 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!
