Sobre esta regra de acessibilidade
Certifique-se de que o atributo kind no elemento track está definido como captions. Além disso, verifique que o conteúdo de texto das legendas comunica adequadamente toda a informação relevante do elemento de áudio, incluindo identificação do orador, transcrições de diálogos, indicações musicais e efeitos sonoros.
Abaixo está um exemplo de código que demonstra a adição de duas faixas, uma em inglês e outra em espanhol.
<audio>
<source src="conversation.mp3" type="audio/mp3">
<track src="captions_en.vtt" kind="captions" srclang="en" label="english_captions">
<track src="captions_es.vtt" kind="captions" srclang="es" label="spanish_captions">
</audio>
O que esta regra de acessibilidade verifica
Verifica o uso de todos os elementos <audio> HTML5 para garantir que cada um contém um elemento <track> com o valor do atributo kind definido como captions.
Learn more:
Ajude-nos a melhorar os nossos guias
Detecte problemas de acessibilidade automaticamente
O Rocket Validator examina milhares de páginas com Axe Core e o W3C Validator, encontrando problemas de acessibilidade em todo o seu site.