Hoppa över meny
Logga in

Puffblock

Puffblocken används tre eller fyra tillsammans i en container.

Blocket

Puffblocket visas tre eller fyra tillsammans i en container. Blocket är är responsivt och anpassar sig efter skärmens storlek. Det består av:

  • Bild
  • Rubrik
  • Text
  • Länk (hela blocket är länkat)

Exempel

Se exempel på puffblocket

Bilden

Bilden är kvadratisk och visas i sin helhet i alla skärmstorlekar. Den kan innehålla text och grafik. För tillgänglighet ska blockets rubrik och text innehålla samma budskap som i bilden.

 

Bildstorlek och fri yta
Mått Säker yta Max filstorlek
1000×1000 px hela bilden c:a 200 kB

Exempel

Filformat

Spara bilden i jpg eller png beroende på innehåll.

Filnamn

Ange filnamn som: Puff [mått] [varumärke/tema/kampanj].

Exempel: Puff 1000x1000 Änglamark.jpg

Tillgänglighet

E-handel ska enligt lag vara utformad så att så många som möjligt kan förstå och handla.

Som generalla riktlinjer för tillgänglighet, tänk särskilt på:

  • Använd tydligt teckensnitt och lagom stor text.
  • Se till att kontrast mellan text och bakgrund är tillräcklig.
  • Placera texten mot en lugn bakgrund utan mönster.
  • Skriv kort och enkelt så att alla förstår.

Läs mer om tillgänglighet:

Lagen om vissa produkter och tjänsters tillgänglighet (pts.se)

Riktlinjer för tillgängligt innehåll (w3.org)

Images tutorial (w3.org)

Webbriktlinjer (digg.se)

Din varukorg är tom
Puffblock - Coop