Karuseller

Karuseller kan användas för att visa olika typer av relaterat innehåll utan att det tar för mycket vertikalt utrymme.

Tänk på att

  • All funktionalitet, som att navigera mellan och aktivera innehåll, måste gå att nå med tangentbord
  • Undvik automatiska animeringar, låt istället användaren själv navigera mellan karusellinnehåll
  • Eftersom många användare slutar navigera karusellinnehåll efter 3–4 karusellsidor är det rekommenderat att användaren kan ta sig till slutet av karusellen med 3-4 steg
  • Visa det mest relevanta karusellinnehållet först
  • Karusellinnehållen bör vara relaterade till varandra så att användaren kan förutse vilken typ av innehåll som visas på resterande karusellsidor
  • Se till att karusellen stöder swipes
  • Gör det tydligt att det finns mer innehåll åt sidorna med hjälp av t.ex. pilar
  • Märk upp karusellinnehållet på ett semantiskt korrekt sätt. Är det t.ex. bilder som visas använd <img>, är det artiklar använd <article>. Mer om html-uppmärkning av karuseller.
  • En Hoppa-över-karusell-länk kan vara bra för personer med skärmläsare.

Läs mer

FÖLJ UPPSALA UNIVERSITET PÅ

facebook
instagram
youtube
linkedin