WCAG 1.1.1 · Nível A

Elementos svg com um 'role' de 'img' tenham um texto alternativo

Uma imagem SVG que transmite informação não tem alternativa em texto.

O que esta regra verifica

Certifique-se de que elementos svg com um 'role' de 'img', 'graphics-document' ou 'graphics-symbol' tenham um texto acessível.

Por que isso importa

O critério 1.1.1 da WCAG exige uma alternativa em texto para imagens com significado.

Como corrigir

  1. Adicione aria-label ou um elemento <title> aos SVGs com significado, ou aria-hidden="true" aos puramente decorativos.

Como conferir a correção

  • Analise de novo as páginas afetadas.

Como o FixReports detecta o problema

Nossa análise executa a regra svg-img-alt do axe-core em um navegador Chrome real em cada página testada e informa cada elemento reprovado com a página, o código e, quando for o caso, uma captura de tela.

Um teste automatizado confirma que esse problema específico existe. Ele não consegue dizer se o restante da página é acessível: algumas barreiras só aparecem quando uma pessoa verifica a página.

Analise seu site hoje

Encontre. Corrija. Verifique.

Que tipo de site é este?

Sua resposta escolhe as verificações certas, como a jornada de compra em lojas online. Mesmo assim verificamos os sinais do próprio site e mostramos os dois.

Que tipo de site é este?

Análise gratuita. Sem cartão de crédito.