Construindo reprodutores de áudio acessíveis com ARIA e JavaScript

Criar reprodutores de mídia personalizados é uma ótima maneira de personalizar o design do seu site, mas os controles personalizados geralmente deixam os usuários de leitores de tela para trás. Este curso ensina como preencher a lacuna de acessibilidade usando listeners de eventos JavaScript para sincronizar seus controles personalizados com atributos ARIA. Você aprenderá a construir experiências web inclusivas manipulando magistralmente estados de áudio. O que você vai aprender: - Entenda os fundamentos dos atributos ARIA e HTML semântico para players de mídia - Vincule ouvintes de eventos JavaScript a eventos de reprodução e pausa de áudio HTML5 - Atualize os estados ARIA dinamicamente para refletir o status de reprodução em tempo real - Implementar a navegação do teclado e gerenciamento de foco para controles de jogador personalizados - Garanta a compatibilidade do leitor de tela usando nomes e funções acessíveis Este curso começa com terminologia essencial de acessibilidade, comportamento do leitor de tela e a API de áudio HTML5. Você então passará por explicações escritas e snippets de código para construir um componente de player de áudio totalmente acessível a partir do zero. Este curso é projetado para desenvolvedores web iniciantes, designers de UI / UX e entusiastas da acessibilidade que desejam criar interfaces web inclusivas. Conhecimento básico de HTML e JavaScript são recomendados. Comece a criar controles de mídia da web acessíveis hoje.