Alternativas textuais
<object> precisa de alternativa textual
- Regra:
object-alt - Gravidade: Grave
- Nível WCAG A
Por que isso importa
Objetos embutidos são opacos para as tecnologias assistivas. Sem texto de reserva, tudo o que o objeto mostra falta por completo para quem não consegue vê-lo.
Como corrigir
- Coloque o texto alternativo dentro do elemento <object>, como conteúdo de reserva.
- Num gráfico, resuma a conclusão, não o formato das linhas.
- Prefira <img> ou <svg> em linha quando puder: os dois são mais fáceis de descrever.
Na marcação
<object data="chart.svg" type="image/svg+xml"></object><object data="chart.svg" type="image/svg+xml">
Revenue by quarter: Q1 1.2M, Q2 1.5M, Q3 1.4M.
</object>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:
- 1.1.1 Conteúdo não textual (abre em nova aba) — Nível WCAG A
Para aprofundar
Deque University sobre object-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.