Logos Flip

Notas de acessibilidade

Verificado em tests/e2e/logos-flip.spec.ts no Chromium desktop e mobile, em light e dark, com Axe sem violações WCAG 2.2 AA. Teclado: o item não é interativo e a grade de cards é inert, então não há parada de Tab dentro dela; logos são conteúdo, não controles. Leitor de tela verificado por teste: cada card guarda frente e verso, e backface-visibility esconde um deles só do olho — por isso a grade é aria-hidden e o conjunto completo é exposto uma vez, em ordem, numa lista sr-only; cada logo precisa trazer o próprio nome acessível. Pausa (WCAG 2.2.2): `play` interrompe a onda — verificado em navegador que nenhum card vira enquanto pausado — e pausar no meio assenta a onda em vez de deixar cards virados pela metade; o ciclo também para fora da tela e com a aba oculta. Touch verificado em 320px com emulação de toque: --column-count quebra os cards em duas colunas dentro do contêiner, cada face contém o próprio wordmark, e o controle de pausa atende ao piso de 24x24 e responde ao toque. Reduced motion verificado em navegador com prefers-reduced-motion: reduce — a transição de transform é removida (motion-reduce:transition-none), nenhum card gira em nenhum quadro da onda (motion-reduce:rotate-x-0) e o lote seguinte aparece no lugar quando a onda assenta. Timing: duration-600 é do upstream e foi mantido de propósito, porque está amarrado a FLIP_DURATION, que agenda a troca das faces.