# Botão para o menu de admin destacado em amarelo **URL:** \ **Category:** UX\ **Created:** [Junho 14, 2021, 3:00pm UTC](https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777 "2021-06-14T15:00:14Z")\ **Posts on this page:** 1\ **Showing post:** 14
**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\ **Post date:** [Agosto 20, 2021, 5:17pm UTC](https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777/14 "2021-08-20T17:17:26Z")
> [@Simon\_Manning](#): > > Se entendi corretamente esse recurso, deveria ser capaz de abrir esse menu clicando ou pressionando `=` e, em seguida, navegar com algo (setas?) e pressionar algo (Enter?) para ir ao item destacado. As setas não devem fazer nada, mas tab e enter devem! > [@Simon\_Manning](#): > > O Tab muda o foco para outra coisa, como um botão de curtir em uma postagem, e remove o destaque amarelo do menu. Então, quando você abre o menu com = e pressiona tab, você não está percorrendo os itens do menu? Estou no macOS e funciona como esperado no Safari, Firefox e Chrome, então isso é um pouco intrigante! * * * Analisei mais de perto o que está acontecendo aqui em geral e a ideia de usar `focus-visible` que mencionei acima não funcionará. O problema é que o menu hambúrguer aparece no nosso HTML fora do container do botão do menu (o container que contém os botões de pesquisa, hambúrguer e usuário). Isso significa que o menu não está no próximo lugar na ordem natural de tabulação. Para compensar, definimos `focus` no primeiro item do menu usando JavaScript. Isso tem o efeito colateral de destacar o item (porque também precisamos ter estilos `:focus`). Acho que não podemos necessariamente confiar em detectar uma pressão de tab, pois não é a única tecla que os leitores de tela usam para navegar, e interferiríamos em outros atalhos se capturássemos todas as pressões de tecla… Consigo pensar em duas possíveis correções: - Mover o menu no HTML para que ele apareça imediatamente após o botão que o aciona. Isso pode ter alguns efeitos colaterais no layout. - Prender o foco dentro do menu quando ele estiver aberto, mas não definir o foco em nenhum item específico. Isso significa que, quando o menu estiver aberto, você só pode navegar pelo seu conteúdo e por nada mais na página. Acho que essa é provavelmente a solução preferível… --- _[View the full topic](https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777)._