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.
Kodexempel kommer inom kort. Design finns i Sketchbiblioteket.
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 sticka i 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 ”Avbryt ombudsläge”, 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 |