Acessibilidade Archives | Camaraux®️

Carrossel com controles de navegação e pausa em uma interface wireframe

Carrossel automático: por que evitar

Lucas Camara 13/08/2026

Entenda por que a rotação automática de carrosséis interrompe a leitura, reduz o controle e cria barreiras de acessibilidade.

Ilustração minimalista comparando um controle com ícone familiar e uma ação que precisa de explicação contextual.

Ícones sem texto: quando podem ser usados

Lucas Camara 12/08/2026

Ícones sem texto podem economizar espaço, mas só funcionam quando a ação é reconhecível, nomeada para tecnologias assistivas e fácil de testar. Veja quando usar e quando manter um rótulo visível.

Wireframe 2D com um controle neutro e outro com contorno azul de foco de teclado.

Como indicar foco de teclado

Lucas Camara 12/08/2026

Todo controle operável por teclado precisa de um foco visível, contrastante e não encoberto. Veja como indicar esse estado em botões e links.

Miniatura 2D minimalista com três controles de ícone dentro de áreas de toque amplas e separadas.

Alvos de toque: qual deve ser o tamanho mínimo

Lucas Camara 12/08/2026

Alvos de toque precisam combinar tamanho e espaçamento para evitar erros de acionamento. Entenda o mínimo da WCAG e quando projetar áreas interativas maiores.

Wireframe minimalista de uma modal com botão de fechar e retorno do foco ao elemento acionador.

Como fechar um modal corretamente

Lucas Camara 09/08/2026

Feche modais com clareza, preserve dados e devolva o foco ao elemento que abriu o diálogo.

Interface genérica com erro de formulário indicado por texto, ícone e cor

Não use apenas cor para comunicar erros

Lucas Camara 08/08/2026

A cor pode reforçar um erro, mas não pode ser o único sinal de que algo está errado. Combine texto, ícones, bordas, posição e estados semânticos para que a informação permaneça compreensível em diferentes condições visuais.