...
Innehållsförteckning |
---|
...
Exempel
...
Fokusmarkering
Exempel på fokusmarkeringar i gränssnittet.
...
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
Status
Status |
| ||||||
---|---|---|---|---|---|---|---|
Publicerad | 2020-01-18 | ||||||
Senast uppdaterad | 2020-01-20 |