- O que é o ícone de hambúrguer usado para?
- O ícone de hambúrguer é bom?
- Por que o ícone de hamburger está semanticamente correto?
- Como faço para tornar meu menu de hambúrguer acessível?
O que é o ícone de hambúrguer usado para?
Um ícone de hambúrguer, no design da interface do usuário (UI), é um símbolo de navegação que consiste em três linhas horizontais empilhadas que indicam a localização de um menu oculto. O ícone recebeu o nome do fato de que sua estrutura se assemelha a um hambúrguer em um pão em um gráfico simplificado.
O ícone de hambúrguer é bom?
Os menus de hambúrguer podem ser uma ótima solução para dispositivos móveis com espaço de tela limitado, no entanto, traduzir o mesmo design móvel primeiro em sua área de trabalho, sem nenhuma alteração, pode causar uma má experiência do usuário. Colocar suas páginas mais importantes na navegação oculta pode sabotar -as.
Por que o ícone de hamburger está semanticamente correto?
O ícone de hambúrguer é facilmente escalável e se encaixa de maneira limpa em uma grade de pixels. Era originalmente um ícone da lista que foi atingido por sua função atual, mas como um menu é simplesmente uma lista de opções, é semanticamente correto usar o item da lista dessa maneira.
Como faço para tornar meu menu de hambúrguer acessível?
Quando o foco do teclado está posicionado no botão de hambúrguer, o menu pode ser exibido/oculto usando a barra de espaço e inserir as teclas. Para fazer isso, ouça o evento de clique.