alura / techguide

TechGuide main repository with the code that guides your tech career!
https://techguide.sh
MIT License
3.49k stars 704 forks source link

[Melhoria] Acessibilidade na navegação via teclado #63

Open sucodelarangela opened 1 year ago

sucodelarangela commented 1 year ago

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.

Gabrielbsb21 commented 1 year ago

@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.

sucodelarangela commented 1 year ago

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.

Gabrielbsb21 commented 1 year ago

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

omariosouto commented 1 year ago

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