A11y/Leaderboard: <th> sem scope e WPM sem tabular-nums na tabela do ranking (leaderboard/page.tsx:100-104) #93

Convertida de [Feedback] O Cético Sênior · 2026-07-26 — ICE 2×5×5 = 50. Fatia de minutos.

Problema

A tabela do Ranking Global já é semântica de verdade (<table>/<thead>/<th>, não um monte de div) — o alicerce está certo. Faltam dois detalhes que a spec pede literalmente e que foram medidos no DOM da produção em 2026-07-26:

1. <th> sem scope — os 5 cabeçalhos (#, JOGADOR, WPM, PRECISÃO, LANG) retornam scope: null. docs/UI-AAA-OVERHAUL.md §III.8 → Acessibilidade: "Tabela semântica com <th scope>".
2. WPM sem tabular-nums — a coluna está com font-variant-numeric: normal, então os dígitos têm larguras diferentes e a coluna "treme" de linha em linha, numa tabela que é 100% número. §III.8 → "WPM em tabular-nums".

Contexto no código

• src/app/leaderboard/page.tsx:100-104 — os 5 <th> (nenhum com scope).
• src/app/leaderboard/page.tsx:118-123 — as <td> de WPM e precisão.
• Não há utilitário tabular-nums em uso no projeto hoje (grep tabular src/app/globals.css → vazio); o Tailwind já expõe a classe tabular-nums nativamente, não precisa de CSS novo.

Acceptance criteria

• Os 5 <th> da tabela do ranking têm scope="col".
• As células de WPM (e precisão) renderizam com font-variant-numeric: tabular-nums — verificável por computed style no elemento.
• Nenhuma mudança visual além do alinhamento dos dígitos: mesmas cores, mesmos espaçamentos, mesmo destaque âmbar do top-3.
• Gate verde: pnpm typecheck · pnpm build.

Dica

Mudança de duas linhas: scope="col" em cada <th> de page.tsx:100-104 e a classe tabular-nums nas <td> numéricas (page.tsx:118-123). Se o Resolvedor já estiver mexendo na mesma tabela pela issue de filtros, dá para entregar junto — mas esta é independente e pode ir sozinha.