Icône du hamburger à la convivialité?

1. Quelle est l'icône du hamburger utilisée pour?
2. L'icône du hamburger est-elle bonne?
3. Pourquoi l'icône du hamburger est sémantiquement correcte?
4. Comment rendre mon menu de hamburger accessible?

Quelle est l'icône du hamburger utilisée pour?

Une icône du hamburger, dans l'interface utilisateur (UI), est un symbole de navigation composé de trois lignes horizontales empilées qui indiquent l'emplacement d'un menu caché. L'icône a tiré son nom du fait que sa structure ressemble à un hamburger dans un pain dans un graphique simplifié.

L'icône du hamburger est-elle bonne?

Les menus de hamburger pourraient être une excellente solution pour les appareils mobiles avec un espace d'écran limité, cependant, traduire le même design mobile d'abord dans votre bureau sans aucune modification peut entraîner une mauvaise expérience utilisateur. Mettre vos pages les plus importantes en navigation cachée pourrait les saboter.

Pourquoi l'icône du hamburger est sémantiquement correcte?

L'icône du hamburger est facilement évolutive et s'intègre proprement dans une grille de pixels. C'était à l'origine une icône de liste qui a été appuyée sur son rôle actuel, mais comme un menu est simplement une liste d'options, il est sémantiquement correct d'utiliser l'élément de liste de cette manière.

Comment rendre mon menu de hamburger accessible?

Lorsque la mise au point du clavier est positionnée sur le bouton du hamburger, le menu peut être affiché / caché à l'aide de la barre d'espace et entre les touches. Pour ce faire, écoutez l'événement Click.