Marquee

Notas de acessibilidade

Verificado em tests/e2e/marquee.spec.ts no Chromium desktop e mobile, em light e dark. Teclado verificado em navegador: Tab visita cada link da faixa uma única vez e depois sai dela, porque as cópias que a biblioteca renderiza são inert; com o foco dentro, o laço para e a faixa volta ao início, então o link focado fica visível em vez de congelado além da borda (WCAG 2.2 SC 2.4.11), e o laço retoma quando o foco sai. Pausa (SC 2.2.2): o hover pausa, o foco para, e o exemplo pausable mostra o controle que uma faixa com conteúdo relevante precisa — um botão antes da faixa, alcançável por Tab e acionável por Enter, cujo rótulo diz o que ele fará. Leitor de tela verificado por teste e pela árvore de acessibilidade do navegador: cada item é exposto uma vez, as cópias são aria-hidden e os fades são decorativos. Axe sem violações WCAG 2.2 AA nos exemplos. Toque verificado em viewport de 375px com emulação de toque: os links e o controle de pausa medem pelo menos 24x24, o toque no controle pausa a faixa, e os fades não interceptam o toque. Reduced motion verificado em navegador com prefers-reduced-motion: reduce — o laço é decorativo, então não roda: a faixa é renderizada uma vez, estática, numa linha que quebra, com cada item visível e nenhum cortado; os fades somem porque nada passa da borda, e o controle de pausa some porque não há o que pausar. A classe também carrega a condição, então o laço não roda nem no quadro anterior à leitura da preferência. A biblioteca injeta a própria folha de estilo com o keyframe global `scroll` e as classes `.rfm-*`.