Acessibilidade

Este portal segue o eMAG 3.1 (Modelo de Acessibilidade em Governo Eletrônico) e busca conformidade com a WCAG 2.1 nível AA. Recursos abaixo ficam disponíveis em todas as páginas — inclusive nas páginas incorporadas em outros sites (modo embed).

O primeiro elemento focável de qualquer página é um link invisível que aparece ao receber foco (Tab). Ao ser ativado, move o foco diretamente para o conteúdo principal (#main-content), permitindo que usuários de teclado e leitores de tela pulem o cabeçalho e o menu.

Continua ativo em páginas embutidas em outros domínios — embora o cabeçalho fique oculto, o foco programático em #main-content é preservado.

Barra de Acessibilidade

Barra superior verde com controles persistentes (salvos em localStorage):

  • A / A+ / A++ — três tamanhos de fonte (base, ampliada, máxima).
  • Alto contraste — alterna paleta para usuários com baixa visão.
  • Atalhos de navegação rápidos (Ir para conteúdo, Menu, Busca) à esquerda da barra.
  • VLibras — ícone flutuante no canto inferior direito traduz para Libras.

Teclas de atalho (eMAG)

TeclaDestino
Alt+1Conteúdo principal
Alt+2Menu de navegação
Alt+3Rodapé
Alt+4Campo de busca

Os atalhos permanecem funcionais no modo embed, mesmo quando os respectivos elementos (menu, busca, rodapé) ficam visualmente ocultos.

Checklist de conformidade

eMAG 3.1 — Recomendações implementadas

  • 1.1 — HTML semântico (header, nav, main, footer, article)
  • 1.5 — Skip-link "Pular para o conteúdo"
  • 1.9 — Linguagem da página declarada (lang="pt-BR")
  • 2.1 — Teclas de atalho Alt+1..4
  • 3.5 — Títulos hierárquicos (h1 → h2 → h3)
  • 4.1 — Contraste mínimo AA
  • 5.4 — Alternativa textual em imagens (alt)
  • 6.2 — Foco visível em todos os interativos
  • 6.5 — Formulários com labels associados
  • VLibras — tradutor de Libras integrado

WCAG 2.1 AA — Critérios atendidos

  • 1.3.1 Info and Relationships
  • 1.4.3 Contrast (Minimum)
  • 1.4.4 Resize text (até 200%)
  • 1.4.10 Reflow (responsivo até 320px)
  • 1.4.11 Non-text Contrast
  • 2.1.1 Keyboard
  • 2.4.1 Bypass Blocks (skip-link)
  • 2.4.3 Focus Order
  • 2.4.7 Focus Visible
  • 3.1.1 Language of Page
  • 4.1.2 Name, Role, Value (ARIA)

Encontrou alguma barreira?

Relate problemas de acessibilidade pela Ouvidoria ou pelo e-SIC. Iremos responder dentro dos prazos da LAI (Lei 12.527/2011).