Exempel
Designspecifikation
En notis-markör kan användas för att påvisa t.ex. nya meddelanden. Markören är cirkelformad och har som standard vit text på röd bakgrund.
Font: Open Sans, regular
Do’s and Don’ts
Tänk på att placera markören så att den tydligt visar vilket element/text den tillhör.
Tillgänglighet
Tänk på att någon som använder skärmläsare måste förstå komponenten i sitt sammanhang, att bara få en siffra uppläst utan kontext ger inte tillräcklig kontext för användaren med skärmläsare.
Ett exempel kan vara om detta är tänkt att användas som om det är en meddelande-räknare som kan uppdateras dynamiskt ex. så vore det bra att använda sig av role=status och en passande aria-label/labelledby/describedby. Detta så att man som användare kan uppfatta notis-markörens roll på sidan och förstå dess kontext.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | TESTAD, VÄNTAR PÅ MER INFO |
---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |