Acessibilidade no site: contraste, teclado e leitura ajudam todo mundo

Entre as quatro notas do Lighthouse, acessibilidade é a que mais gera dúvida: muita gente acha que é um assunto para poucos. Na prática, cada item que ela verifica ajuda quem está com pressa, com sol na tela, com a mão ocupada ou com a conexão ruim. Ou seja, todo mundo em algum momento.

Contraste: ler na rua

Texto cinza claro sobre fundo branco fica bonito na tela do designer e desaparece no sol. A regra de contraste garante que o texto continue legível em condições ruins. No nosso site, medimos o contraste de cada texto nos dois temas, claro e escuro, antes de publicar. Não é só nota: é o cliente conseguindo ler o preço.

Teclado: usar sem mouse

Nem todo mundo navega com o mouse ou com o dedo. Há quem use só o teclado, por limitação ou por preferência, e há leitores de tela que dependem disso. Um site acessível deixa a pessoa ir de um controle a outro com a tecla Tab, mostra claramente onde ela está (o foco visível) e não a prende nem a perde. Quando uma janela abre por cima da página, o foco entra nela e, ao fechar, volta para onde estava. Parece detalhe técnico, mas é o que separa um site que dá para usar de um que dá para olhar.

Textos alternativos e leitura por voz

Cada imagem que carrega informação precisa de uma descrição em texto. Quem usa leitor de tela ouve essa descrição; quem está com a imagem bloqueada por uma conexão ruim também lê. Imagens que são só decoração ficam marcadas como tal, para não atrapalhar a leitura.

Movimento

Animações ajudam a perceber que algo mudou, mas há pessoas para quem movimento na tela causa desconforto. O sistema do celular e do computador permite pedir menos movimento, e um site bem feito respeita isso: o conteúdo continua aparecendo, só sem o efeito.

O que isso muda para o seu negócio

Botões com nome claro, campos de formulário com rótulo, contraste suficiente e navegação previsível são as mesmas coisas que fazem qualquer cliente chegar ao contato sem se perder. Acessibilidade e boa experiência são o mesmo trabalho visto de dois ângulos.

Como conferir o seu site

Três testes rápidos. Navegue pelo site usando só a tecla Tab e veja se sempre sabe onde está. Abra o site no celular, ao ar livre, e veja se lê tudo. Ative o leitor de tela do seu telefone por um minuto e ouça a sua página inicial: o que ele não consegue ler, o cliente também não.