Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. OBS! Bred skärm samt omladdning av sidan kan behövas för att se desktopläget. Se gärna Sketchbiblioteket för referens.
Exempel
Designspecifikation
Ombudsbanner visar information då en användare agerar som ombud för en annan person i inloggat läge.
Ombudsbanner visas initialt utfälld och kan fällas ihop. Vid scroll fälls bannern ihop per automatik och är sticky mot toppen för att man ska påminnas om att man är i ombudsläge även när man skrollar på sidor.
I hopfällt läge visas rubrik samt länk, medan brödtexten försvinner.
Do’s and Don’ts
-
Tillgänglighet
Använd role=”alert”, detta ger implicit aria-live=”assertive”, vilket gör skärmläsare medvetna om meddelandet. I fall där informationen inte är särskilt kritisk ska man titta på användande av aria-live=”polite”.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | KODEXEMPEL SAKNAS |
|---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |