7 min de leituraConformidade

Acessibilidade de QR code: WCAG, contraste e alternativas

Um QR code é uma imagem sem texto alternativo e sem foco de teclado. O que as regras de acessibilidade esperam e o texto impresso que resolve quase tudo.

Sasha Ehrlich
Compliance · EU residency

Um QR code é uma imagem de um link. Para usá-lo, uma pessoa precisa saber que ele está ali, encontrá-lo no espaço, apontar uma câmera para ele e ficar parada. Quem não consegue fazer essas quatro coisas não tem caminho nenhum até a informação, e é por isso que toda diretriz de acessibilidade séria trata um código como uma das formas de entrada, e não como a forma de entrada.

As obrigações se dividem de maneira clara. Na tela, o código é uma imagem e as Diretrizes de Acessibilidade para Conteúdo Web (WCAG) se aplicam a ele diretamente. Na impressão, nenhuma diretriz alcança o papel, e a responsabilidade passa para o que você coloca ao lado do código. Em ambos os casos, a página de destino é onde está a maior parte do risco legal. Para o que um escaneamento coleta depois que funciona, QR codes e o GDPR cobre o lado dos dados do mesmo quadrado.

Três barreiras, não uma

As equipes consertam a barreira visível. As outras duas permanecem.

Encontrá-lo. Um código impresso se anuncia apenas visualmente. Quem é cego não sabe que um pôster tem um código, que um display de mesa tem um, ou que uma carta inclui um, a menos que o texto diga. É por isso que "escaneie o código" impresso em letra pequena 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, pouca força de preensão e um usuário de cadeira de rodas diante de um código instalado na altura de quem está em pé são falhas distintas com o mesmo resultado. Um código atrás de um vidro ou acima de um balcão acrescenta uma distância que a aritmética de tamanho precisa levar em conta.

Usar o que 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 moveu a barreira. Não a removeu.

O que a WCAG pede

Quatro dispositivos aparecem repetidamente, e nenhum deles é oneroso.

Todos vêm do texto da WCAG 2.2 (acesso em 2026-10-25). Um código exibido como imagem precisa de uma alternativa em texto que descreva o destino, pelo critério de sucesso 1.1.1 Conteúdo Não Textual (Nível A). "QR code" é um atributo alt desperdiçado; "QR code que leva ao formulário de agendamento de consulta" é a informação. Quando a URL também está impressa como texto na mesma página, o código pode razoavelmente ser marcado como decorativo.

O contraste é o que os designers mais quebram. O requisito de contraste de não texto (1.4.11, Nível AA) estabelece um mínimo de 3:1 em relação às cores adjacentes para as partes dos gráficos necessárias para entender o conteúdo, o que, em um QR, significa os módulos contra o fundo. Fundos fotográficos, combinações de marca de baixo contraste e padrões invertidos falham tanto na diretriz quanto, muitas vezes, no leitor. Design de QR code com a marca cobre até onde você pode levar a estilização antes de o padrão deixar de ser decodificado.

O propósito do link também importa. Quando o código fica ao lado de um link, o texto visível deve dizer para onde ele vai, e o propósito do link em contexto (2.4.4, Nível A) é o dispositivo que pede isso. "Clique aqui" falha pelo mesmo motivo que um código sem rótulo.

E a zona de silêncio, a margem livre em torno 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 captar para todos e impossível para alguns.

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

Onde o European Accessibility Act chega

A Diretiva (UE) 2019/882 é aplicável desde 28 de junho de 2025 (o EUR-Lex não carregou para uma consulta automatizada em 2026-10-25, então confirme o texto lá), e muda a conta para organizações do setor privado que antes tratavam a acessibilidade como assunto do setor público.

Três pontos decidem se ela alcança você. Ela cobre produtos e serviços voltados ao consumidor especificados, incluindo comércio eletrônico, bancos de varejo, 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, embora o quadrado impresso não esteja. E é transposta nacionalmente, então o órgão de fiscalização, as penalidades e os detalhes da isenção de microempresas para serviços dependem do Estado-Membro em que você vende.

A leitura prática para uma equipe de marketing: se um escaneamento leva a uma compra, a um agendamento ou a 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á são cobertos pelas regras anteriores de acessibilidade web e pela norma EN 301 549, que é o terreno que encurtadores de URL para o governo cobre em mais detalhes.

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

A URL curta impressa é o recurso de acessibilidade

Esta é a mudança de maior valor da lista. Custa uma linha de texto.

Uma URL curta impressa embaixo de um código é a alternativa em texto que a impressão não consegue carregar de outro modo. Ela atende quem usa ampliação de tela e consegue ler o texto, mas não consegue enquadrar uma câmera. Atende quem tem um celular sem app de câmera funcionando, quem está num dispositivo emprestado e quem quer abrir a página depois em um notebook. Também atende todos os outros quando o reflexo estraga o escaneamento. É raro, mas acontece.

Faça-a transcrevível:

  1. Mantenha o caminho em poucos caracteres, para que possa ser guardado na memória entre ler e digitar.
  2. Use minúsculas em tudo e evite pares de caracteres ambíguos na impressão.
  3. Prefira uma palavra a uma sequência aleatória. Um back-half personalizado que se lê como uma palavra sobrevive a uma fotocópia ruim, um aleatório não.
  4. Use um tamanho que alguém consiga ler na distância de onde o código é escaneado, não a menor tipografia que o layout permite.
  5. Coloque o seu próprio domínio na frente. Um domínio reconhecível é um sinal de confiança para todos, e o que é um link com a marca cobre por que isso importa mais na impressão do que na tela.

Está gerando códigos com um texto impresso legível para cada um? Crie primeiro o link curto e depois cole-o no designer de QR. O designer codifica a URL que você der e não cria o link curto para você, então a ordem importa: o texto que você imprime embaixo do código deve ser o mesmo link curto que o código contém. O designer exporta PNG e SVG, e ambos servem para impressão.

No designer você escolhe as cores de primeiro plano e de fundo como valores hexadecimais. O par padrão na captura de tela abaixo, #0f172a sobre #ffffff, dá cerca de 17,9:1 pela fórmula de contraste da WCAG, muito acima do mínimo de 3:1. Digite as cores da sua marca e verifique a razão antes de exportar, porque o designer não avisa quando um par fica abaixo, e a própria dica dele só diz para testar em dois celulares.

Designer de QR do Elido mostrando os campos de cor de primeiro plano 0f172a e de cor de fundo ffffff, botões de estilo de módulo e de olho, uma pré-visualização ao vivo do QR e botões de download em PNG e SVG

O designer desenha a zona de silêncio padrão de 4 módulos. Não a corte nem encoste o código em uma arte muito carregada.

Testando como outra pessoa

Cinco verificações. 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, ouvindo se a ação principal é alcançável e tem rótulo. A orientação americana da Section 508 sobre implementação de QR é uma referência compacta do que escutar.

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

Escaneie o código da posição que uma pessoa real ocupa: sentada, na altura de instalação real, na 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 a URL impressa à mão em um teclado de celular. Três tentativas? O slug está errado.

Depois verifique a página por trás dele pelo mesmo padrão do seu site principal. É onde mora a obrigação, e é a verificação mais pulada.

Leia a série cornerstone

Este post está no cluster de conformidade. GDPR para encurtadores de URL é o cornerstone da metade de proteção de dados da mesma superfície, e QR codes e o GDPR cobre o que um escaneamento realmente coleta.

Relacionados no blog

Perguntas frequentes

QR codes são acessíveis?

Não por si sós. Escanear um exige visão para localizá-lo, uma mira firme para enquadrá-lo e um dispositivo com câmera. Nada disso pode ser presumido, e é por isso que as orientações de acessibilidade tratam um QR code como um caminho adicional para a informação, e não o único. Imprima uma URL curta ao lado dele e a maior parte da barreira desaparece.

Um QR code precisa de texto alternativo?

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

Que contraste um QR code precisa ter?

Pelo menos 3:1 entre os módulos escuros e o fundo claro pela regra de contraste de não texto da WCAG, e na prática mais, porque os leitores precisam de uma margem que o mínimo de conformidade não garante. Mantenha escuro sobre claro, evite fundos fotográficos e nunca inverta o padrão por efeito de design.

O European Accessibility Act se aplica a QR codes?

Aplica-se ao serviço por trás do código. A Diretiva (UE) 2019/882 cobre serviços voltados ao consumidor, como comércio eletrônico, bancos, transporte e e-books, e é aplicável desde 28 de junho de 2025. Se o código abre um cardápio, um ingresso ou um checkout, a obrigação de acessibilidade recai sobre essa página, não sobre o quadrado impresso.

Como deve ser o texto de apoio 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. Um domínio curto com a sua marca ajuda aqui, porque o leitor percebe de relance quem ele está prestes a visitar.

NFC é uma boa alternativa ao QR code?

É um complemento útil, não uma substituição. Um toque evita totalmente o problema da mira, o que ajuda pessoas com baixa visão ou coordenação motora fina limitada, 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 quando o orçamento permitir e uma URL digitável embaixo dos dois.

Experimente Elido

Cole uma URL, obtenha um link curto

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

É necessária uma conta grátis. O plano grátis inclui 25 links no total. Já tem uma conta? Entrar

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