Iniciação à Accessibility Solution da iubenda: Guia passo a passo
A Lei Europeia de Acessibilidade (EAA) entrará em vigor a 28 de junho de 2025, trazendo novos requisitos de acessibilidade para 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 a Accessibility Solution da iubenda, tornar o seu website mais acessível nunca foi tão fácil.
A nova Accessibility Solution da iubenda utiliza ajustes com base em IA para tornar o seu website automaticamente mais acessível para utilizadores com deficiência. 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 é a Accessibility Solution da iubenda?
A Accessibility Solution da iubenda é um widget totalmente automatizado concebido 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 o seu website a poder ser lido 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: Ativar a Accessibility Solution
Aceda ao painel de controlo da iubenda: No seu painel de controlo da iubenda, procure a caixa Accessibility Solution nos seus produtos disponíveis.
Ativar o widget: Clique no botão Ativar para começar a utilizar a Accessibility Solution.
Nota: A ferramenta é disponibilizada na fase beta, podendo ser utilizada gratuitamente até 15 de abril. Após essa data, pagará 7 dólares por mês por cada 10 mil visualizações de página.
🔜 Brevemente
Durante o desenvolvimento contínuo, lançaremos continuamente novas funcionalidades e opções de personalização. Estas incluem poder ajustar a posição, cor, disposição (índice z) do widget e decidir como este aparece no seu site—como ícone, rótulo ou ambos. Estas opções facilitam a combinação perfeita do widget com o design do seu website. Mantenha-se atento!
Passo 2: Instalar o widget de Accessibility Solution no seu website
Quando o widget estiver ativado, pode incorporá-lo no seu site.
Incorporar o widget: Copie o snippet de código fornecido para o Widget de Acessibilidade e cole-o mesmo no início da secção cabeçalho do seu website (logo após a etiqueta <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
Quando o widget da Accessibility Solution estiver incorporado e ativo no seu website, o utilizador final poderá interagir com o mesmo 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 widget de acessibilidade aparece como um pequeno ícone, Quando os utilizadores clicam no ícone, este abre um menu de opções de acessibilidade, oferecendo uma forma simples de ajustar o layout do website.
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 a Accessibility Solution da iubenda, pode melhorar a acessibilidade do seu website e proporcionar uma experiência melhor e mais inclusiva a todos os utilizadores.
Comece hoje mesmo e melhore a acessibilidade do seu website!
