ACCESIBILIDAD ≠ OVERLAY · 29

A acessibilidade de um site não depende de um botão flutuante

📅 28 de outubro de 2026 · ⏱ 9 min de leitura

Um botão flutuante pode alterar a aparência de uma página, mas não garante que as pessoas consigam navegar, compreender conteúdos e concluir tarefas.

01. A acessibilidade não se instala no fim

Um overlay pode oferecer contraste, tamanho de letra ou espaçamento. Essas preferências podem ajudar algumas pessoas, mas não corrigem automaticamente os componentes de um site.

A acessibilidade começa no planeamento e continua no design, no desenvolvimento, nos conteúdos e na manutenção.

02. O código por trás da aparência

Um botão apenas com ícone precisa de um nome acessível. Os campos de formulário precisam de etiquetas e os títulos devem seguir uma hierarquia lógica.

Alterar cores não acrescenta a semântica em falta para quem utiliza um leitor de ecrã.

03. Uma compra que fica bloqueada

Imagine uma loja com um widget de acessibilidade. Ao abrir a confirmação da compra, o foco do teclado fica atrás da janela e a pessoa não consegue continuar.

Aumentar o texto não resolve o problema. É necessário corrigir o comportamento do foco, dos controlos e da janela.

04. Conteúdos que excluem

Imagens informativas precisam de alternativas textuais. Ligações vagas e mensagens de erro sem instruções claras dificultam tarefas simples.

Linguagem compreensível e instruções bem organizadas são requisitos importantes, não extras decorativos.

05. Teclado e tecnologias de apoio

Navegue com Tab e Shift+Tab. Confirme que o foco é visível, os controlos funcionam e não existem bloqueios em menus.

Teste também formulários com leitor de ecrã e verifique a experiência em dispositivos móveis.

06. O que um overlay não garante

Um painel flutuante não comprova conformidade com as WCAG nem substitui uma auditoria. Testes automáticos identificam apenas parte dos problemas.

Cada atualização ou novo formulário pode criar barreiras e deve ser revisto.

07. Uma verificação em cinco minutos

Escolha uma tarefa real, como contactar a empresa ou comprar. Afaste o rato e tente completá-la apenas com o teclado.

Registe focos invisíveis, etiquetas ausentes, erros confusos e etapas bloqueadas para corrigir as causas.

08. Construir acessibilidade real

Utilize HTML semântico, componentes acessíveis, foco visível e formulários compreensíveis.

Siga as WCAG 2.2, combine testes manuais e automáticos e mantenha a acessibilidade em cada atualização.