Sidjämförelse

...

...

Exempel

Grafisk specifikation

Aenean augue urna, dapibus quis ligula eu, auctor tristique nibh. Maecenas eget aliquam magna. Vestibulum condimentum tristique ligula nec consectetur. Proin sed mi at leo aliquet consequat. Donec vestibulum, ligula sit amet consectetur bibendum, diam justo porta justo, ac maximus sem tortor et nulla. Proin quis nunc nec mauris pharetra bibendum ac at nulla. Sed blandit vulputate ullamcorper.

Do’s and Don’ts

Se varumärkesmanualen.

Tillgänglighet

Integer ullamcorper sit amet enim quis porttitor. Cras facilisis nibh eu pulvinar vulputate. Aliquam non ex convallis, volutpat urna vitae, fermentum sem. Duis tincidunt at turpis eu hendrerit. Duis finibus metus sit amet diam porta, imperdiet egestas tellus ornare. Nullam egestas ac justo a consectetur.

Research på komponenten

Maecenas dapibus ullamcorper elit sit amet ornare. Aenean eget congue metus, at pharetra dolor. Cras aliquam lectus lacinia nisl vehicula, at faucibus nulla tincidunt.

Relaterade resurser/komponenter

• Pellentesque habitant morbi tristique senectus 

Designspecifikation

Artikelpuffar ligger i ett puffblock där puffarna kan placeras upp till fyra stycken i bredd. Puffar kan visas med eller utan bild.
Artikelpuff som placeras ensam har text och rubrik till höger eller vänster om bilden.
Artikelpuffar som placeras två till fyra i bredd har text och rubrik under bilden.

Do’s and Don’ts

• Blanda inte puffar med och utan bild i samma komponent/puffblock.

• Använd flera puffblock för att lista fler än fyra puffar.

Tillgänglighet

Fokusram på de puffar som är i fokus vid tabbning viktigt. Beroende på hur puffarna används så är det viktigt att tänka på scrollfunktionalitet. Användare ska inte behöva scrolla i två dimensioner för att få tillgång till innehåll https://webbriktlinjer.se/riktlinjer/91-skapa-en-flexibel-layout/.

Research på komponenten

-

Relaterade resurser/komponenter

Status

...