Shimmering Text

Notas de acessibilidade

Não é interativo: não entra na sequência de tabulação e não tem estado, então teclado e alvo de toque não têm superfície onde falhar. Leitor de tela verificado por teste: os caracteres animados são aria-hidden e a frase inteira é repetida uma vez em sr-only, porque uma palavra dividida em onze spans é uma palavra anunciada como onze letras; a divisão é por code point, então caracteres fora do plano básico não são partidos ao meio; e o texto visível não ganha separadores, para que copiar e colar devolva a frase e não uma coluna de letras. Reduced motion verificado em navegador com prefers-reduced-motion: reduce — a varredura é aplicada em motion-safe:animate-text-shimmer, então sob reduce ela não roda: o texto para em vez de acelerar e permanece exatamente onde estava. A cor de repouso vive no wrapper e não no keyframe, então texto que nunca anima continua legível em vez de ficar preso no meio de um gradiente. O estado parado também derruba a animação em vez de congelá-la no meio, para que um processo concluído não deixe uma linha com cara de travada.