Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. Bred skärm kan behövas för att se desktopläget.
Exempel
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
Status | FÄRDIG FÖR VALIDERING |
|---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |