Melhorar acessibilidade no plugin de alerta de spoilers

O plugin spoiler-alert é muito legal, mas infelizmente não parece ser acessível por teclado, pois não há como acionar o evento de clique que ele está usando com o teclado. Este parece ser um padrão de divulgação básico e, portanto, recomendo que você use um botão para alternar o desfoque. Isso também permitiria ocultar o conteúdo desfocado da tecnologia assistiva.

Estado padrão (desfocado): Botão de alternância definido como aria-expanded="false". Conteúdo desfocado definido como aria-hidden="true".

Estado visível: Botão de alternância definido como aria-expanded="true". Conteúdo definido como aria-hidden="false" ou o atributo aria-hidden removido completamente.

O botão também teria um atributo aria-controls definido para o id do elemento que está sendo desfocado. O nome acessível para o botão poderia ser algo como “Mostrar conteúdo oculto” (preferencialmente usando texto visualmente oculto).

4 curtidas

Legal, obrigado por compartilhar! :slight_smile: Estamos sempre buscando melhorar a acessibilidade. Vou dar uma olhada nisso quando tiver um tempo e postarei uma atualização aqui quando for resolvido.

1 curtida

A partir de este commit, o plugin foi atualizado para incluir esses recursos de acessibilidade.

2 curtidas

Este tópico foi fechado automaticamente após 11 horas. Novas respostas não são mais permitidas.