Notis-markör - 1177

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