Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.

...

Info

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

Iframe
scrollingno
srchttps://css.1177.se/iframe.html?id=components-agent--with-page-header&args=&viewMode=story
width100%
frameborderhide
idcomponents-agent--with-page-header
height350px
Iframe
scrollingno
srchttps://css.1177.se/iframe.html?id=components-agent--default&args=&viewMode=story
width100%
frameborderhide
idcomponents-agent--default
height960px

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

Status
colourGreen
titlefärdig validerad

Publicerad

2020-01-18

Senast uppdaterad

2020-01-20

...