Hoppa till innehållet

Fokusindikator

En fokusindikator visar vilket element som tar emot tangentbordsinmatning. Den skiljer sig från muspekaren och en markering av ett valt objekt.

Design & UX

Se den aktuella tangentbordspositionen

En fokusindikator är den synliga markeringen av det element som har tangentbordsfokus. Det kan vara en kontur runt en knapp eller ett inmatningsfält. När du går genom ett formulär med Tab visar den var nästa inmatning eller aktivering får effekt.

I ett tänkt beställningsformulär får ”Granska beställning” en tydlig kontur när knappen nås med Tab. En färgändring enbart när muspekaren förs över den räcker inte; den visar ett annat tillstånd.

En permanent markerad flik visar också bara vilket innehåll som är valt. Fokus kan redan finnas på ett annat element. Tar designen bort webbläsarens kontur behövs en lämplig synlig ersättning. Kontrollera den på olika bakgrunder och vid förstoring.

Källor

Artiklar om ämnet

Design & UX med ASES

Användarupplevelse, gränssnitt och varumärke