Fokusmarkering - 1177

Exempel

Fokusmarkering

Exempel på fokusmarkeringar i gränssnittet.

Fokusmarkering respektive hover - navigationsbrickor med information

Fokusmarkering respektive hover - navigationsbrickor med länkar.

Designspecifikation

Fokusmarkeringar visas med en 2 px ram i färgen stone-base. Samma fokusmarkering ska användas generellt för samtliga komponenter.

Fokusmarkering och hoverstyle bör vara fristående från varandra.

Do’s and Don’ts

Använd samma fokusmarkering konsekvent.
Blanda inte stylad fokusmarkering och webbläsarens standardmarkering.
Markeringen ska vara tydlig.

Tillgänglighet

Tänk på att aldrig ändra tab-ordningen med tab-index utan låt fokus flöda i den ordning komponenterna ligger i designen och koden. Använd endast tab-index=”0” för att tillåta att ett element får fokus eller tab-index=”-1”för att förhindra att ett element får fokus.

Research på komponenten

-

Relaterade resurser/komponenter

• Knappar - 1177

• Textfält - 1177

• Navigation inspiration/verktyg (brickor) - 1177

  Etc.
  

Status