7 min de leituraConformidade

Acessibilidade de Códigos QR: WCAG, Contraste e Alternativas

Um código QR é uma imagem sem texto alternativo e um alvo que ninguém consegue alcançar com a tecla Tab. O que as regras de acessibilidade exigem, e o recurso impresso que resolve a maior parte do problema.

Sasha Ehrlich
Compliance · EU residency
Um código QR em um pôster com um URL curto impresso abaixo dele, indicado como a alternativa acessível para pessoas que não conseguem escanear

Um código QR é uma imagem de um link. Para usá-lo, uma pessoa precisa saber que ele está ali, localizá-lo no espaço, apontar a câmera para ele e ficar parada. Quem não consegue fazer essas quatro coisas não tem nenhuma via de acesso à informação, e é por isso que toda diretriz séria de acessibilidade trata um código como uma entrada possível, não a única entrada.

As obrigações se dividem de forma clara. Na tela, o código é uma imagem e as Diretrizes de Acessibilidade para Conteúdo Web se aplicam diretamente a ele. No papel, nenhuma diretriz alcança a folha impressa, e a responsabilidade passa para o que você coloca ao lado do código. Em ambos os casos, é na página de destino que está a maior parte do risco jurídico real. Para entender o que uma leitura coleta depois que ela funciona, Códigos QR e a GDPR cobre o lado dos dados do mesmo quadrado.

Três barreiras, não uma

As equipes tendem a corrigir a barreira visível e deixar as outras duas de lado.

Encontrá-lo. Um código impresso só se anuncia visualmente. Uma pessoa cega não sabe que um cartaz traz um código, que um estande de mesa tem um, ou que uma carta inclui um, a menos que o texto diga isso. É por isso que "escaneie o código" impresso em letras pequenas embaixo de um símbolo não resolve nada sozinho.

Escaneá-lo. Enquadrar um código exige visão central utilizável e mãos razoavelmente firmes. Baixa visão, tremor, preensão limitada e um usuário de cadeira de rodas diante de um código fixado na altura de quem está em pé são falhas distintas com o mesmo resultado. Um código atrás de vidro ou acima de um balcão acrescenta uma distância que a aritmética de tamanho precisa levar em conta.

Usar o que se abre. A página por trás do código é uma página web como qualquer outra, e é onde as obrigações exigíveis se concentram. Um código escaneável que leva a um cardápio em PDF sem camada de texto apenas deslocou a barreira, não a removeu.

O que a WCAG exige

Quatro exigências aparecem repetidamente, e nenhuma delas é onerosa.

Um código exibido como imagem precisa de um texto alternativo que descreva o destino, segundo a regra de conteúdo não textual. "Código QR" é um atributo alt desperdiçado; "código QR que leva ao formulário de agendamento" é a informação que importa. Quando o URL também está impresso como texto na mesma página, o código pode, com razão, ser marcado como decorativo.

O contraste é o item que os designers mais desrespeitam. A exigência de contraste não textual estabelece um piso de 3:1 para as partes de um gráfico necessárias à sua compreensão, o que, no caso de um QR, significa os módulos contra o fundo. Fundos fotográficos, combinações de marca com baixo contraste e padrões invertidos falham tanto na diretriz quanto, muitas vezes, no leitor de código. Design de código QR com marca própria explica até onde é possível estilizar antes que o padrão pare de ser decodificado.

O propósito do link também importa. Quando o código está ao lado de um link, o texto visível deve dizer para onde ele leva, e propósito do link em contexto é a exigência que pede isso. "Clique aqui" falha pelo mesmo motivo que um código sem rótulo falha.

E a zona de silêncio, a margem livre ao redor do padrão, é uma questão de acessibilidade tanto quanto de impressão. Cortá-la para caber em um layout torna o código mais difícil de capturar para todo mundo e impossível para alguns.

Quatro barreiras de acessibilidade criadas por um código QR, quem cada uma afeta, e a correção que a remove

Onde a Lei Europeia de Acessibilidade se aplica

A Diretiva (UE) 2019/882 está em vigor desde 28 de junho de 2025, e ela muda o cálculo para organizações do setor privado que antes tratavam a acessibilidade como uma questão do setor público.

Três pontos decidem se ela chega até você. Ela cobre produtos específicos e serviços voltados ao consumidor, incluindo e-commerce, serviços bancários ao consumidor, transporte de passageiros e e-books. Ela recai sobre o serviço, o que significa que a página que o código abre está no escopo, mesmo que o quadrado impresso não esteja. E ela é transposta nacionalmente, então o órgão de fiscalização, as penalidades e os detalhes da isenção para microempresas de serviços dependem do Estado-membro para o qual você vende.

A leitura prática para uma equipe de marketing: se uma leitura leva a uma compra, uma reserva ou uma interação bancária com consumidores na UE, trate o destino como uma superfície regulada e teste-o de acordo. Órgãos públicos já estão cobertos pelas regras anteriores de acessibilidade web e pela norma EN 301 549, terreno que Encurtadores de URL para o governo cobre com mais detalhe.

Prefiro ver uma equipe corrigir a página de destino e imprimir um URL do que passar uma semana na estética do código. As duas primeiras coisas são o que um órgão de fiscalização pergunta.

O URL curto impresso é o recurso de acessibilidade

Esta é, isoladamente, a mudança de maior valor da lista, e custa apenas uma linha de texto.

Um URL curto impresso embaixo de um código é o texto alternativo que o papel, de outra forma, não conseguiria carregar. Ele serve a alguém que usa ampliação de tela, que consegue ler a tipografia mas não consegue enquadrar uma câmera. Serve a alguém cujo celular não tem um aplicativo de câmera funcionando, a alguém usando um aparelho emprestado, e a alguém que quer abrir a página mais tarde em um notebook. Também serve à maioria das pessoas com visão normal no caso específico em que o código não escaneia por causa da iluminação ou do brilho.

Torne-o transcritível:

  1. Mantenha o caminho em poucos caracteres, para que possa ser guardado na memória entre a leitura e a digitação.
  2. Use minúsculas do início ao fim, e evite pares de caracteres que ficam ambíguos na impressão.
  3. Prefira uma palavra a uma sequência aleatória. Uma parte final personalizada que se lê como uma palavra sobrevive a uma fotocópia ruim; uma sequência aleatória, não.
  4. Use um tamanho que alguém consiga ler à distância de onde o código é escaneado, não o menor tamanho que o layout permite.
  5. Coloque o seu próprio domínio na frente dele. Um domínio reconhecível é um sinal de confiança para todos, e o que é um link com marca própria explica por que isso importa ainda mais no impresso do que na tela.

Precisa gerar códigos com um recurso impresso legível para cada um? Os recursos de código QR do Elido criam o código e o link curto juntos, para que a alternativa digitada sempre corresponda ao código ao lado dela.

Uma lista de verificação de quatro etapas para um posicionamento acessível de código QR, cobrindo a alternativa impressa, o contraste, a rotulagem e o teste do destino

Testando como se fosse outra pessoa

Cinco verificações, e as três primeiras levam dez minutos.

Passe a página de destino por um leitor de tela. Não uma ferramenta de checklist, um leitor de tela de verdade, prestando atenção se a ação principal é alcançável e está rotulada. A orientação americana da Seção 508 sobre implementação de QR é uma referência compacta do que ouvir.

Meça o contraste da prova impressa, não do arquivo digital. A tinta em papel não revestido perde contraste que a pré-visualização na tela disfarça.

Escaneie o código a partir da posição que uma pessoa real ocuparia: sentada, na altura real de fixação, sob a iluminação real do local. Um código a 1,6 metro é um objeto diferente para um usuário de cadeira de rodas do que para o designer que o posicionou.

Digite o URL impresso à mão, no teclado do celular, sem olhar para o código. Se forem necessárias três tentativas, o slug está errado.

Depois, verifique a página por trás do código com o mesmo padrão do seu site principal. É ali que mora a obrigação, e é a verificação mais frequentemente pulada.

Leia a série cornerstone

Esta publicação está no cluster de conformidade. GDPR para encurtadores de URL é o cornerstone da metade de proteção de dados da mesma superfície, e Códigos QR e a GDPR cobre o que uma leitura realmente coleta.

Relacionados no blog

Perguntas frequentes

Códigos QR são acessíveis?

Não por si só. Escanear um código exige visão para localizá-lo, pulso firme para enquadrá-lo e um aparelho com câmera. Nenhuma dessas condições pode ser presumida, e é por isso que as diretrizes de acessibilidade tratam um código QR como uma via adicional para a informação, e não a única. Imprima um URL curto ao lado dele e a maior parte da barreira desaparece.

Um código QR precisa de texto alternativo?

Quando aparece como uma imagem em uma página web ou em um documento, sim. Descreva para onde ele leva, não o que ele é: um usuário de leitor de tela não ganha nada ao saber que existe um código QR ali, e ganha tudo ao saber que ele abre a página de reservas. Em material impresso não há texto alternativo, então o texto alternativo é o próprio URL, em uma tipografia legível.

Que contraste um código QR precisa ter?

No mínimo 3:1 entre os módulos escuros e o fundo claro, segundo a regra de contraste não textual do WCAG, e na prática mais do que isso, porque os leitores de código precisam de uma margem que o piso mínimo de conformidade não garante. Mantenha escuro sobre claro, evite fundos fotográficos e nunca inverta o padrão por efeito estético.

A Lei Europeia de Acessibilidade se aplica a códigos QR?

Ela se aplica ao serviço por trás do código. A Diretiva (UE) 2019/882 abrange serviços voltados ao consumidor, como e-commerce, bancos, transporte e e-books, e está em vigor desde 28 de junho de 2025. Se o código abre um cardápio, um bilhete ou um checkout, a obrigação de acessibilidade recai sobre essa página, não sobre o quadrado impresso.

Como deve ser o recurso impresso?

Curto, em minúsculas e sem ambiguidade quando lido em voz alta ou copiado à mão. Evite caracteres fáceis de confundir na impressão, mantenha o caminho em poucos caracteres e use um tamanho grande o bastante para ser transcrito por alguém que usa ampliação de tela. Um domínio curto com marca própria ajuda aqui, porque o leitor consegue identificar de imediato quem está prestes a visitar.

O NFC é uma boa alternativa a um código QR?

É um complemento útil, não um substituto. Um toque elimina completamente o problema de mirar a câmera, o que ajuda pessoas com baixa visão ou controle motor fino limitado, mas exige um celular compatível e uma etiqueta física. A combinação mais inclusiva em uma superfície impressa é um código, uma etiqueta onde o orçamento permitir, e um URL digitado abaixo de ambos.

Experimente Elido

Cole uma URL, obtenha um link curto

Sem cadastro. O link vive 30 dias. Cadastre-se para mantê-lo para sempre.

Grátis, sem necessidade de registo · 2 por dia

Experimente o Elido

Encurtador de URL hospedado na UE: domínios personalizados, análises profundas e API aberta. Plano gratuito - sem cartão de crédito.

Tags
qr code accessibility
wcag
european accessibility act
alt text
non-text contrast
short url fallback

Continuar lendo