Tempertemper viser at vanlig nettstedsnavigasjon kan ha ganske enkel tastaturbetjening. Problemene kommer fort når vi legger til spesialoppførsel som brukeren ikke forventer.
How navigation should work for keyboard users Forutsigbare lenker, knapper og fokus gjør det enklere å finne veien uten mus. Les originalartikkelen (åpnes i ny fane)Key takeaways
- Vanlige navigasjonslenker skal kunne nås med Tab og Shift+Tab og åpnes med Enter.
- Bruk lenker for å gå til sider og knapper for å åpne undermenyer. En knapp kan formidle åpen eller lukket tilstand med aria-expanded.
- Når en undermeny åpnes, kan fokus bli på knappen. Brukeren går videre inn i menyen med Tab og kan lukke med Escape.
- En hopp-til-innhold-lenke lar brukeren slippe å gå gjennom navigasjonen på hver side.
Ding! 💡
Jeg synes dette er en nyttig påminnelse om at en meny ikke trenger å føles avansert for å være gjennomarbeidet. Forutsigbarheten er en kvalitet i seg selv. En konkret kontroll jeg vil ta med meg, er å legge bort musa og følge hele veien fra toppen av siden til innholdet. Da merker jeg fort om designet skaper unødvendige stopp.
Raut#140, 7. april 2025