Ikon Hamburger untuk Kegunaan X?

1. Untuk apa ikon hamburger digunakan?
2. Adalah ikon hamburger yang bagus?
3. Mengapa Ikon Hamburger Benar Secara Semantik?
4. Bagaimana cara membuat menu hamburger saya dapat diakses?

Untuk apa ikon hamburger digunakan?

Ikon hamburger, dalam desain antarmuka pengguna (UI), adalah simbol navigasi yang terdiri dari tiga garis horizontal bertumpuk yang menunjukkan lokasi menu tersembunyi. Ikon mendapat namanya dari fakta bahwa strukturnya menyerupai burger dalam roti dalam grafik yang disederhanakan.

Adalah ikon hamburger yang bagus?

Menu hamburger mungkin menjadi solusi yang bagus untuk perangkat seluler dengan ruang layar terbatas, namun, menerjemahkan desain mobile-first yang sama ke dalam desktop Anda tanpa perubahan dapat menyebabkan pengalaman pengguna yang buruk. Menempatkan halaman terpenting Anda dalam navigasi tersembunyi dapat menyabot mereka.

Mengapa Ikon Hamburger Benar Secara Semantik?

Ikon hamburger mudah diukur dan cocok dengan bersih ke dalam kisi piksel. Awalnya merupakan ikon daftar yang telah ditekan dengan peran saat ini, tetapi karena menu hanyalah daftar opsi, secara semantik benar untuk menggunakan item daftar dengan cara ini.

Bagaimana cara membuat menu hamburger saya dapat diakses?

Saat fokus keyboard diposisikan pada tombol hamburger, menu dapat ditampilkan/disembunyikan menggunakan spasi dan masukkan tombol. Untuk melakukan ini, dengarkan acara klik.