- O que é um menu de acordeão?
- Os menus de acordeão são acessíveis?
- Como você torna um acordeão acessível?
O que é um menu de acordeão?
Um acordeão é um menu composto por cabeçalhos empilhados verticalmente que revelam mais detalhes quando acionados (geralmente por um clique do mouse). Como esse padrão de design da web destaca apenas as informações mais críticas de uma seção, mas torna o restante facilmente acessível, é um elemento comum no design responsivo.
Os menus de acordeão são acessíveis?
Os botões são usados como acordeões para que possam ser guias pelos usuários do teclado e acessíveis aos leitores de tela. Cada botão de acordeão possui um ID exclusivo associado aos seus controlos ARIA (cada botão controla esse ID específico que faz referência ao conteúdo oculto abaixo dele).
Como você torna um acordeão acessível?
Acessibilidade ao leitor de tela
Cada acordeão deve começar com um atributo exato de Expandição de ARIA. Use ARIA-Expand = "false" se o acordeão estiver fechado. Use Aria-Expand = "True" se o acordeão for aberto.