Rampsight

Todas as regras

Marcação

Remover <marquee>

Por que isso importa

Texto deslizante não pode ser pausado, é ilegível para muita gente com baixa visão ou dislexia, e o elemento está obsoleto.

Como corrigir

  1. Substitua por texto estático.
  2. Se o movimento for essencial, faça-o em CSS, respeite prefers-reduced-motion e ofereça um controle de pausa.

Na marcação

Falha
<marquee>Breaking news</marquee>
Passa
<p class="news-banner">Breaking news</p>

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:

Para aprofundar

Deque University sobre marquee (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.