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

...

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

...