Pacote de Acessibilidade: WCAG 2.1 + Áudio + Testes Rápidos
•8 min de leitura
Acessibilidade evita multas e aumenta alcance. Veja como garantir WCAG 2.1 no player, áudio e página.
WCAG 2.1 Essencial
- Perceptível: transcrição disponível, texto alternativo, contraste AA.
- Operável: player navegável por teclado (TAB, ENTER, SPACE).
- Compreensível: controles claros e consistentes.
- Robusto: HTML semântico, ARIA roles corretos no player.
Player Acessível
- Foco visível em botões (outline).
- Labels e aria-label para play/pause, velocidade, compartilhar.
- Teclas de atalho: espaço (play/pause), setas (pular 10s).
- Botões com área mínima 44x44px.
Conteúdo e Estrutura
- Transcrição no mesmo post (melhora SEO e acessibilidade).
- Headings H1/H2/H3 coerentes e listas semânticas.
- Links descritivos (evite “clique aqui”).
Testes Rápidos
- Lighthouse/Axe: verifique contraste, labels, headings.
- Teclado: navegue sem mouse; o player deve funcionar.
- Leitor de tela: teste play/pause e descrição do botão.
Por que fazer
Evita riscos legais e amplia acesso (público 25% maior). Beneficia SEO e experiência.
Guia completo de acessibilidade →