Skeleton

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: o placeholder é aria-hidden por padrão e a região carrega aria-busy, com a saída explícita de aria-hidden={false} para o caso raro em que o placeholder é mesmo a única mensagem de status. Reduced motion verificado em navegador com prefers-reduced-motion: reduce — a varredura é ambiente, não transicional, e é aplicada em motion-safe:animate-skeleton, então sob reduce ela simplesmente não roda: o placeholder para em vez de acelerar, que é exatamente a animação que a preferência existe para deter. O placeholder em si nunca é condicionado — um skeleton que sumisse levaria o estado de carregamento junto —, então ele fica estático e visível, com o gradiente do tema. Contraste verificado nos dois temas: o brilho é a superfície clareada pelo token do tema, não um branco fixo que só funciona em um deles.