Alternativas textuais

Áreas de mapa de imagem precisam de texto alternativo

Regra: area-alt
Gravidade: Crítico
Nível WCAG A

Por que isso importa

Cada área clicável de um mapa de imagem é um link. Sem texto alternativo, o leitor de tela anuncia a URL de destino: um mapa da Europa vira uma lista de caminhos de arquivo.

Como corrigir

Dê a cada <area> um atributo alt que nomeie o destino, não a aparência.
Use a mesma redação dos links de texto equivalentes em outros pontos da página.
Se uma área não deve ser clicável, remova o href em vez de deixar o alt vazio.

Na marcação

Falha

<map name="europe">
  <area shape="rect" coords="0,0,60,40" href="/de">
</map>

Passa

<map name="europe">
  <area shape="rect" coords="0,0,60,40" href="/de" alt="Germany">
</map>

A exigência por trás disso

Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:

2.4.4 Finalidade do link (no contexto) (abre em nova aba) — Nível WCAG A
4.1.2 Nome, função e valor (abre em nova aba) — Nível WCAG A

Para aprofundar

Deque University sobre area-alt (abre em nova aba)

A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.

Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.