Menu Digital Acessível: Guia de Conformidade

Um cliente em cadeira de rodas entra no seu restaurante. A sala está em conformidade, a rampa de acesso está instalada, a mesa é adaptada. Mas quando faz a leitura do QR code para consultar a ementa, depara-se com um PDF ilegível pelo seu leitor de ecrã. Toda a cadeia de acessibilidade quebra-se no último elo: o seu menu digital.

A acessibilidade do menu digital não é um tema reservado às grandes cadeias de restauração ou aos sites de e-commerce. Diz respeito a cada restaurador que disponibiliza uma ementa online, um QR code na mesa ou um menu consultável a partir de um smartphone. Em Portugal e no Brasil, milhões de pessoas vivem com alguma deficiência — visual, motora, auditiva ou cognitiva. A estas juntam-se as situações temporárias: um braço engessado, uma visão que diminui com a idade, um ambiente demasiado luminoso para ler um ecrã. O seu menu digital tem de funcionar para todos estes cenários.

E não se trata apenas de boa vontade. A regulamentação europeia impõe agora obrigações precisas em matéria de acessibilidade digital. Não cumprir estas normas significa expor-se a sanções, mas sobretudo, perder uma parte da sua clientela.

Este guia fornece-lhe as orientações concretas para tornar o seu menu digital conforme e utilizável por todos, sem jargão técnico desnecessário e com ações que pode implementar já esta semana.

A legislação de acessibilidade e as normas WCAG

Tanto em Portugal como no Brasil, a legislação em matéria de acessibilidade tem vindo a evoluir significativamente. Em Portugal, o Decreto-Lei n.º 83/2018 estabeleceu requisitos de acessibilidade para websites e aplicações móveis, transpondo a Diretiva Europeia 2016/2102. No Brasil, a Lei Brasileira de Inclusão (Lei n.º 13.146/2015) reforçou as obrigações de acessibilidade digital. Embora inicialmente focadas nos serviços públicos, estas legislações têm vindo a alargar progressivamente o seu âmbito ao setor privado.

As Web Content Accessibility Guidelines (WCAG) 2.1, o padrão internacional editado pelo W3C, constituem a referência técnica universal em matéria de acessibilidade digital. A norma europeia EN 301 549 adota estes mesmos critérios. As WCAG definem três níveis de conformidade: A (mínimo), AA (objetivo recomendado) e AAA (ótimo).

Para um restaurador independente, a questão coloca-se de forma diferente do que para uma entidade pública. O seu site ou menu digital não está necessariamente abrangido pelo perímetro obrigatório tal como se aplica aos organismos públicos. Mas dois elementos alteram esta situação.

A Diretiva Europeia de Acessibilidade (2019/882)

A Diretiva Europeia 2019/882, conhecida como «European Accessibility Act», é aplicável desde 28 de junho de 2025. Impõe exigências de acessibilidade aos produtos e serviços digitais propostos aos consumidores, incluindo os serviços de comércio eletrónico.

Se o seu menu digital permite a encomenda online, o click & collect ou o pagamento na mesa, entra potencialmente no âmbito de aplicação desta diretiva. As microempresas com menos de 10 colaboradores e cujo volume de negócios anual não exceda 2 milhões de euros beneficiam de uma isenção para os serviços. Contudo, esta isenção não cobre todos os casos, e a tendência regulamentar aponta claramente para um alargamento.

As obrigações dos estabelecimentos e a sua extensão digital

O seu restaurante é um estabelecimento aberto ao público. Nessa qualidade, já está sujeito a normas de acessibilidade física para pessoas com mobilidade reduzida. A lógica regulamentar é coerente: se o acesso físico deve ser garantido, o acesso à informação — incluindo a sua ementa — também o deve ser.

Concretamente, uma inspeção de conformidade que detete que o seu único menu disponível é um QR code inacessível pode constituir um ponto de não conformidade. O menu em papel continua a ser uma alternativa, mas se optou pelo formato exclusivamente digital — e são cada vez mais os que o fazem —, a acessibilidade deste suporte torna-se uma obrigação de facto.

Quando se pensa em «deficiência» na restauração, visualiza-se frequentemente a cadeira de rodas. Mas a acessibilidade digital abrange um espetro muito mais amplo. O seu menu digital acessível deve responder a quatro categorias de necessidades.

Deficiência visual

É o caso com maior impacto num menu digital. Engloba a cegueira total, a baixa visão, o daltonismo e as perturbações visuais ligadas à idade. Uma pessoa cega utiliza um leitor de ecrã (VoiceOver no iPhone, TalkBack no Android) que lê em voz alta o conteúdo do ecrã. Se o seu menu é um simples PDF digitalizado ou uma imagem, o leitor de ecrã não «vê» nada: anuncia «imagem» ou permanece em silêncio.

Uma pessoa com baixa visão precisa de poder ampliar o texto sem que a disposição da página se desformate, e de contrastes suficientes entre o texto e o fundo. Uma pessoa daltónica não distinguirá um prato marcado a vermelho como «picante» se a cor for o único indicador.

Deficiência motora

Uma pessoa com deficiência motora pode ter dificuldades em manipular um ecrã tátil com precisão. Botões demasiado pequenos, menus suspensos que exigem um deslizamento preciso do dedo, zonas clicáveis demasiado próximas: obstáculos invisíveis para si, mas bloqueantes para essa pessoa.

Alguns utilizadores navegam exclusivamente pelo teclado ou com dispositivos de apoio (comutadores, comandos vocais). O seu menu deve funcionar sem ecrã tátil.

Deficiência auditiva

Se o seu menu digital integra conteúdos áudio ou vídeo — uma apresentação do chef, um vídeo de preparação de um prato —, as pessoas surdas ou com dificuldades auditivas não têm acesso sem legendas ou transcrição.

Deficiência cognitiva

As perturbações cognitivas (dislexia, défice de atenção, deficiência intelectual) afetam uma parte significativa da população. Um menu sobrecarregado, com uma navegação complexa, termos obscuros ou uma disposição incoerente, torna-se um obstáculo. A simplicidade e a clareza beneficiam, aliás, todos os seus clientes, não apenas os que se encontram em situação de deficiência.

Passemos aos aspetos concretos. Eis os critérios técnicos que o seu menu de restaurante acessível deve cumprir para ser considerado conforme.

Estrutura semântica e navegação lógica

O seu menu digital deve ter uma estrutura clara e hierarquizada. Em termos técnicos, isto significa utilizar as etiquetas HTML adequadas: títulos (h1, h2, h3) para as categorias e subcategorias, listas para os pratos, parágrafos para as descrições.

Porquê é importante? Um leitor de ecrã apoia-se nesta estrutura para permitir ao utilizador navegar. Se as suas categorias «Entradas», «Pratos», «Sobremesas» são simples textos a negrito sem etiqueta de título, o utilizador cego não pode saltar diretamente para as sobremesas. Tem de ouvir a totalidade do menu, prato a prato.

A navegação deve seguir uma ordem lógica:

As categorias estão claramente identificadas e separadas
Cada prato é apresentado num bloco distinto (nome, descrição, preço, alergénios)
O utilizador pode navegar entre as categorias sem voltar ao início
O foco do teclado segue a ordem visual de leitura (de cima para baixo, da esquerda para a direita)

Contrastes e legibilidade

As WCAG impõem rácios de contraste mínimos entre o texto e o seu fundo:

4.5:1 para texto de tamanho normal (nível AA)
3:1 para texto de grande dimensão (18px a negrito ou 24px normal)
3:1 para elementos gráficos portadores de informação (ícones, botões)

Na prática, isto significa que um texto cinzento claro sobre fundo branco — estética muito na moda no design de menus — é frequentemente não conforme. Um texto branco sobre uma fotografia de prato como fundo apresenta o mesmo problema: o contraste varia consoante a zona da imagem.

Para verificar os seus contrastes, existem ferramentas gratuitas: o Color Contrast Checker do WebAIM ou a extensão de navegador WAVE. Quando trabalha o design do seu menu digital, lembre-se de testar cada combinação de cores com estas ferramentas.

Dimensão das zonas interativas

Os botões e ligações do seu menu devem ter uma dimensão mínima de 44 × 44 píxeis (recomendação WCAG 2.1, critério 2.5.5). Isto garante que uma pessoa com dificuldades motoras pode ativá-los sem erro.

Concretamente, se o seu botão «Adicionar ao carrinho» tem 30 píxeis de altura, é demasiado pequeno. Se dois botões estão colados um ao outro sem espaçamento, uma pessoa com tremores vai sistematicamente pressionar o botão errado.

Compatibilidade com os leitores de ecrã

O seu menu deve ser integralmente legível por um leitor de ecrã. Isso implica:

Cada imagem decorativa tem um atributo alt vazio (alt="") para ser ignorada
Cada imagem portadora de informação tem um texto alternativo descritivo (ex.: alt="Tarte tatin de maçã caramelizada")
Os preços são legíveis (não «14€50» sem espaço, mas «14,50 €» com um formato claro)
Os ícones têm uma etiqueta acessível (um ícone de folha para «vegetariano» deve ser acompanhado do texto «Vegetariano», mesmo que só seja visível pelos leitores de ecrã)
As informações sobre alergénios não dependem exclusivamente de códigos de cor ou ícones sem texto

Adaptação ao tamanho do ecrã e ao zoom

O seu menu digital deve permanecer legível e funcional quando o utilizador amplia até 200 % (critério WCAG 1.4.4). Isto significa:

Sem barra de deslocamento horizontal a 200 % de zoom
O texto adapta-se (reflow) em vez de ser truncado
As imagens não ocultam o texto quando o ecrã é ampliado
A navegação continua utilizável

Um menu concebido em responsive design respeita geralmente este critério. Um PDF digitalizado ou uma imagem fixa nunca o respeita.

Eis o procedimento a seguir para verificar e melhorar a acessibilidade do seu menu digital existente. Cada passo é realizável sem competências técnicas avançadas.

Passo 1: Abandone o formato PDF ou imagem

Se o seu menu online é um PDF digitalizado, uma fotografia da sua ementa em papel ou uma imagem fixa, é o primeiro obstáculo a eliminar. Estes formatos são inacessíveis por natureza: os leitores de ecrã não conseguem interpretá-los, o zoom pixeliza-os e a navegação é impossível.

Passe a um menu em formato HTML nativo, ou seja, um verdadeiro menu digital estruturado com texto selecionável. Se seguiu um guia de implementação de menu QR code, verifique que a solução escolhida gera efetivamente conteúdo HTML e não um simples PDF alojado.

Passo 2: Verifique a estrutura dos seus títulos

Abra o seu menu digital no telemóvel. Ative o leitor de ecrã (VoiceOver no iPhone: Definições > Acessibilidade > VoiceOver; TalkBack no Android: Definições > Acessibilidade > TalkBack). Navegue no seu menu utilizando os gestos de deslizar.

Coloque a si próprio estas questões:

As categorias são anunciadas como títulos?
Consegue saltar de uma categoria para outra?
A ordem de leitura corresponde à ordem visual?
Cada prato está claramente separado do seguinte?

Passo 3: Teste os contrastes

Utilize a ferramenta online WebAIM Contrast Checker. Introduza a cor do seu texto e a do seu fundo. A ferramenta indica-lhe instantaneamente se o rácio é conforme.

Os erros mais comuns entre restauradores:

Texto branco ou creme sobre fundo pastel
Texto sobre uma fotografia de fundo sem filtro opaco
Preços em cinzento claro para os distinguir visualmente dos nomes dos pratos
Texto decorativo em cor de fraco contraste

Passo 4: Aumente as zonas clicáveis

Se o seu menu permite filtrar por categoria, adicionar pratos ao carrinho ou navegar entre páginas, verifique que cada botão ou ligação tem pelo menos 44 × 44 píxeis. Pense também no espaçamento: um mínimo de 8 píxeis entre duas zonas interativas evita erros de toque.

Passo 5: Adicione as alternativas textuais

Cada imagem que transmite uma informação deve ter um texto alternativo. Isto diz respeito a:

As fotografias de pratos (se são o único meio de ver o aspeto do prato)
Os ícones de alergénios
As etiquetas (vegetariano, caseiro, biológico)
Os logótipos de certificação ou de selo de qualidade

Passo 6: Verifique a navegação por teclado

Ligue um teclado Bluetooth ao seu tablet ou teste a partir de um computador. Navegue no seu menu unicamente com a tecla Tab (avançar), Shift+Tab (recuar) e Enter (ativar). Cada elemento interativo deve ser alcançável, e o indicador de foco (o contorno que mostra onde se encontra) deve ser visível.

Passo 7: Simplifique a linguagem

Releia as descrições dos seus pratos com um olhar fresco. Os termos técnicos de cozinha («snacké», «em declinação», «condimento da casa») são compreensíveis para todos? Acrescente uma breve explicação quando um termo não for corrente.

Esta questão cruza-se com a problemática dos menus multilingues: a clareza da linguagem beneficia tanto as pessoas em situação de deficiência cognitiva como os clientes que não dominam perfeitamente o idioma.

Passo 8: Nunca transmita informação apenas pela cor

Se utiliza um código de cores para indicar os pratos picantes (vermelho), vegetarianos (verde) ou sem glúten (amarelo), acrescente sistematicamente um texto ou um ícone com etiqueta. O código de cores isolado exclui as pessoas daltónicas e as que utilizam um leitor de ecrã.

Passo 9: Certifique-se de que os formulários são acessíveis

Se o seu menu digital inclui um formulário de encomenda, de reserva ou de comentário, cada campo deve ter uma etiqueta explícita associada. Não um simples placeholder que desaparece quando se começa a escrever, mas uma etiqueta permanente que identifica o campo. As mensagens de erro devem ser claras e situadas junto ao campo em causa.

Passo 10: Disponibilize uma alternativa

Mesmo com um menu digital perfeitamente acessível, mantenha uma alternativa para os casos extremos: um menu em braille para os clientes cegos regulares, um menu impresso em caracteres grandes, ou a possibilidade de pedir ao pessoal que leia a ementa. A acessibilidade é também a flexibilidade humana.

Eis os erros que observamos com mais frequência nos menus digitais de restaurantes independentes.

O PDF «prático»

O reflexo mais comum: digitalizar a ementa em papel e colocá-la online. É rápido, mas é o formato menos acessível que existe. O texto não é selecionável, o zoom degrada a qualidade, o leitor de ecrã não consegue ler nada, e a disposição não se adapta ao ecrã.

Variante do PDF: cada secção do menu é uma imagem, com o texto «incrustado» na imagem. Visualmente atrativo, tecnicamente inacessível. O texto dentro de uma imagem não existe para um leitor de ecrã.

O carrossel ou slider de pratos

Os carrosséis com deslocamento automático colocam inúmeros problemas de acessibilidade: navegação por teclado difícil, conteúdo que desaparece antes de ser lido, animação perturbadora para pessoas epiléticas ou com perturbações cognitivas. Prefira uma lista estática com scroll.

O excesso de animações

Efeitos de parallax, transições de página, aparecimentos progressivos dos pratos: estes efeitos decorativos podem provocar náuseas ou vertigens em pessoas sensíveis ao movimento (perturbações vestibulares). As WCAG recomendam disponibilizar uma opção para reduzir as animações (preferência do sistema prefers-reduced-motion).

O autoplay de áudio ou vídeo

Se o seu menu inicia automaticamente uma música ambiente ou um vídeo de apresentação, os utilizadores de leitores de ecrã deixam de conseguir ouvir os anúncios da sua ferramenta de apoio. Todo o conteúdo áudio ou vídeo deve ser acionado voluntariamente pelo utilizador.

O timeout de sessão

Alguns menus com encomenda online desligam o utilizador após alguns minutos de inatividade. Uma pessoa que utiliza um leitor de ecrã demora mais tempo a percorrer o menu. Um timeout demasiado curto obriga-a a recomeçar desde o início. Preveja um prazo generoso ou um aviso antes da desconexão.

Testar pessoalmente a acessibilidade do seu menu não substitui uma auditoria profissional, mas permite identificar os problemas principais. Eis um método em três níveis.

Nível 1: Os testes automáticos

As ferramentas automáticas detetam cerca de 30 a 40 % dos problemas de acessibilidade. É um primeiro filtro útil.

WAVE (wave.webaim.org): extensão de navegador gratuita. Analise a sua página de menu e corrija os erros assinalados a vermelho
Lighthouse (integrado no Chrome DevTools): separador «Acessibilidade». Procure obter uma pontuação superior a 90
axe DevTools: extensão de navegador que detalha cada erro com sugestões de correção

Estas mesmas ferramentas podem aliás ajudá-lo a medir outros aspetos de desempenho, em complemento do seu acompanhamento analítico do menu digital.

Nível 2: Os testes manuais

Os 60 a 70 % restantes requerem uma verificação humana.

Teste de teclado: desligue o rato, navegue unicamente pelo teclado. Cada elemento interativo é alcançável? O foco é visível?
Teste de leitor de ecrã: ative o VoiceOver ou TalkBack e percorra o seu menu de olhos fechados. Compreende o que é anunciado? Consegue encomendar um prato?
Teste de zoom: amplie a 200 % no seu navegador. O conteúdo continua legível e navegável?
Teste de contraste: verifique cada combinação texto/fundo com uma ferramenta de contraste
Teste de compreensão: peça a alguém que não conhece a sua ementa para a percorrer. Essa pessoa compreende cada designação?

Nível 3: A auditoria profissional

Para uma conformidade certificada, recorra a um especialista em acessibilidade digital. Uma auditoria completa de acessibilidade custa geralmente entre 2 000 e 5 000 € para um site simples. É um investimento, mas protege-o juridicamente e fornece-lhe um plano de ação preciso.

Em Portugal, a AHRESP e algumas associações empresariais regionais podem orientá-lo sobre apoios financeiros para a acessibilidade digital dos estabelecimentos de restauração. Informe-se junto da sua associação setorial local.

Tornar o seu menu de restaurante acessível não é apenas uma obrigação legal ou um risco a cobrir. É uma abordagem que melhora a experiência do conjunto dos seus clientes.

A acessibilidade beneficia todos

Os princípios de acessibilidade — contraste elevado, texto legível, navegação clara, estrutura lógica — beneficiam cada utilizador:

O cliente de 65 anos que se esqueceu dos óculos
O turista que consulta o seu menu em pleno sol na esplanada
O pai ou mãe que segura o filho com um braço e navega com o polegar
O cliente apressado que quer encontrar rapidamente os pratos sem glúten
A pessoa que tem uma tendinite temporária e tem dificuldade em manipular o ecrã

Ao trabalhar a acessibilidade, melhora a legibilidade, a ergonomia e a rapidez de consulta do seu menu para toda a gente. É uma das vantagens frequentemente subestimadas do menu sem contacto.

Um argumento comercial real

As pessoas em situação de deficiência não jantam sozinhas. Um cliente em cadeira de rodas vem com a sua família, os seus amigos, os seus colegas. Se o seu restaurante é acessível — física e digitalmente —, capta o grupo inteiro. Se o seu menu digital é inutilizável, o grupo todo irá a outro lado.

Da mesma forma, as empresas e associações que organizam refeições de grupo escolhem prioritariamente os estabelecimentos acessíveis. É um critério de seleção explícito em muitos cadernos de encargos corporativos.

A comunicação positiva

Demonstrar a sua abordagem de acessibilidade — sem fazer dela um argumento de marketing exagerado — reforça a sua imagem. Um simples pictograma na sua montra, uma menção no seu site, um pessoal formado: estes sinais discretos mostram que pensou em cada pessoa.

💡 Bom saber: A ALaCarte.Direct disponibiliza a criação gratuita do seu menu digital de restaurante sob a forma de QR code. O menu gerado está em formato HTML nativo, com uma estrutura semântica que facilita a compatibilidade com os leitores de ecrã e a adaptação aos diferentes tamanhos de ecrã — um ponto de partida sólido para a sua abordagem de acessibilidade.

Antes de concluir, eis uma checklist sintética para imprimir e afixar no seu escritório. Assinale cada ponto para o seu menu atual.

Estrutura e conteúdo:

O menu está em formato HTML (não é um PDF nem uma imagem)
As categorias utilizam títulos hierarquizados (h2, h3)
Cada prato tem um nome, uma descrição e um preço em texto selecionável
Os alergénios estão indicados em texto, não apenas por ícones ou cores
A linguagem é clara e os termos técnicos são explicados

Visual e contrastes:

O rácio de contraste texto/fundo é superior a 4.5:1
O menu continua legível a 200 % de zoom
A informação nunca depende exclusivamente da cor
As animações podem ser desativadas ou respeitam prefers-reduced-motion

Navegação e interação:

Cada elemento interativo tem pelo menos 44 × 44 píxeis
A navegação por teclado funciona (Tab, Shift+Tab, Enter)
O foco do teclado é visível
Sem autoplay de áudio ou vídeo
Os timeouts de sessão são suficientemente longos

Imagens e média:

Cada imagem informativa tem um texto alternativo pertinente
As imagens decorativas estão marcadas como tal
Os vídeos têm legendas
Os conteúdos áudio têm uma transcrição

Formulários (se encomenda online):

Cada campo tem uma etiqueta explícita e permanente
Os erros são descritos em texto e situados junto ao campo em causa
O formulário é utilizável por teclado

Conclusão: passe à ação esta semana

A acessibilidade do menu digital não é um projeto colossal que exige meses de desenvolvimento. É uma série de verificações e ajustes que pode começar imediatamente.

Esta semana, faça estas três coisas:

Teste o seu menu com um leitor de ecrã (5 minutos). Ative o VoiceOver ou o TalkBack no seu telemóvel e tente percorrer a sua ementa. Se o resultado for incompreensível, sabe que há um problema urgente a resolver.
Verifique os seus contrastes (10 minutos). Passe a sua página de menu pela ferramenta WAVE. Corrija os erros de contraste assinalados a vermelho: é frequentemente uma simples modificação de cor.
Elimine os formatos não acessíveis (variável). Se o seu menu é um PDF ou uma imagem, é a sua prioridade número um. Passe a um menu digital em formato HTML via QR code para estabelecer as bases de um menu acessível.

Este mês:

Percorra a checklist acima e trate cada ponto não conforme
Forme o seu pessoal para propor uma alternativa quando um cliente tem dificuldades com o menu digital
Consulte as normas de acessibilidade para pessoas com mobilidade reduzida para verificar a coerência entre a sua acessibilidade física e digital

A acessibilidade não é uma restrição adicional. É a continuidade lógica daquilo que já faz todos os dias: acolher cada cliente e proporcionar-lhe a melhor experiência possível. O seu menu digital deve refletir essa mesma exigência.

O que diz a legislação sobre a acessibilidade do menu digital