Exempel
Designspecifikation
Progressbar finns för närvarande i färgerna grått och grönt.
Do’s and Don’ts
Undvik färgerna blått (då komponenten inte går att interagera med för användaren) samt rött.
Tillgänglighet
En progressbar indikerar att användarens begäran har tagits emot och att en tjänst gör framsteg mot att slutföra den begärda uppgiften. Vid användning av en progressbar är det viktigt att man också kan förmedla den informationen till icke-seende. Det kan göras genom Role=”Progressbar”. Beroende på vart någonstans progressbaren används så är det bra att erbjuda användaren nödvändig information relaterat till hur långt man är framme i en process eller vad det är som händer så att man inte lämnas till att undra vad det är som faktiskt händer. Om det inte är möjligt att visa hur långt framme man så kan man överväga att hoppa över det, det är heller inte önskvärt att ösa onödig uppdateringsinformation och avvägningar behöver göras från situation till situation.
Beroende på hur en progressbaren används och kontexten så kan man behöva vidta extra åtgärder som finns beskrivna här:
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
Det finns några problem man kan stöta på i användandet av en progressbar. Om progressbaren är menad att ta upp hela sidan låt inte användare navigera utanför den med exempelvis ett tangentbord. Då kan det också vara relevant att använda sig av sätt att annonsera händelsen (progressbaren), genom en alert och fokus som skiftar till progressbaren och sedan tillbaka till sidan.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | UNDER ARBETE KOD, OK INFO |
---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |