techguide icon indicating copy to clipboard operation
techguide copied to clipboard

[Melhoria] Acessibilidade na navegação via teclado

Open sucodelarangela opened this issue 2 years ago • 4 comments

Na navegação via teclado, ao abrir um card/dialog, o fechamento desse card/dialog só é possível através do clique do mouse, tanto no overlay quanto no botão de fechamento. Porém, não é possível fecha-lo via teclado com a tecla ESC, por exemplo. Além disso, a navegação via teclado continua ativa na página principal, em vez do card em si, prejudicando a acessibilidade.

Sugestão de melhoria: Implementar fechamento do card/dialog via teclado com tecla ESC; ativar o foco da navegação no card/dialog quando este for aberto, mantendo a página principal por trás do card/dialog inativo enquanto este estiver aberto.

sucodelarangela avatar Oct 13 '22 16:10 sucodelarangela

@sucodelarangela, você pode me informar em qual parte específica do site tem esse problema? Porque eu tenho interesse em resolver. Atualmente venho estudando bastante sobre acessibilidade na web e é um tema que eu amo, no momento atual estou tentando contribuir em alguns projetos para deixar eles mais acessiveis.

Gabrielbsb21 avatar Oct 26 '22 21:10 Gabrielbsb21

Oi, Gabriel. Essa questão ocorre quando você abre os cards de qualquer disciplina. Entre em qualquer guia, como o de Front-End e tente abrir algum card do gráfico em T. Quando aparece a modal com a lista de cursos, artigos e afins, ela não pode ser fechada com ESC ou ao clicar no overlay. Apenas de você clicar no botão de fechar.

sucodelarangela avatar Oct 26 '22 22:10 sucodelarangela

Obrigado, @sucodelarangela. Irei da uma olhada nisso. Hoje mesmo eu abri um pr com algumas melhorias em relação a acessibilidade. Caso queira da uma olhada, aqui está o link https://github.com/alura/techguide/pull/68

Gabrielbsb21 avatar Oct 26 '22 23:10 Gabrielbsb21

Pessoal, eu to on track nessa aqui. Comentei lá no seu PR @Gabrielbsb21

omariosouto avatar Nov 19 '22 22:11 omariosouto