Elementos svg com uma função img devem ter um texto alternativo

Garante que os elementos SVG com as funções img, graphics-document ou graphics-symbol tenham um texto alternativo que seja acessível.

Para tornar a informação fornecida por material não textual (incluindo gráficos SVG) acessível, o Critério de Sucesso 1.1.1 requer o uso de um texto alternativo. Como podem ser representados através de qualquer modalidade sensorial (por exemplo, visual, auditiva ou tátil) para atender às necessidades do utilizador, os textos alternativos são um método fundamental para tornar a informação acessível. Ao incluir textos alternativos, uma gama mais ampla de agentes de utilizador pode apresentar o conteúdo de diferentes formas.

Por exemplo, uma pessoa cega pode solicitar que o equivalente textual de uma imagem seja lido usando síntese de voz. O texto alternativo de um ficheiro de áudio pode ser apresentado para pessoas que não o conseguem ouvir, permitindo-lhes lê-lo. Os textos alternativos irão eventualmente facilitar a tradução da informação para linguagem gestual ou uma versão mais simples da mesma linguagem.

O que esta regra de acessibilidade verifica

O algoritmo para esta regra retorna:

• Verdadeiro se o elemento tiver um elemento filho <title>

<svg id="target"><title>Time II: Party</title></svg>

• Verdadeiro se o elemento filho <title> tiver texto aninhado noutro elemento.

<svg id="target"><title><g>Time II: Party</g></title></svg>

• Falso se o elemento não tiver um elemento filho <title>.

<svg id="target"></svg>

• Falso se o elemento filho <title> estiver vazio.

<svg id="target"><title></title></svg>

• Falso se o <title> for um elemento neto.

<svg id="target"><circle><title>Time II: Party</title></circle></svg>

• Falso se o elemento filho <title> tiver apenas espaços em branco.

<svg id="target"><title> \t\r\n </title></svg>

• Falso se houver múltiplos títulos e o primeiro estiver vazio.

<svg id="target"><title></title><title>Time II: Party</title></svg>

Learn more:

Deque Reference

Deque University - How To Fix

→

Deque Reference

Deque Blog - Creating Accessible SVGs

→

W3C Reference

WCAG 2.1 - Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content

→