Skip to main content

Søg

Accordion

Brug accordion til at skabe overblik over en større mængde information med tekster og billeder ved at opdele siden i sektioner, som brugeren kan folde ud og læse.

Formål

En accordion består af overskrifter, som brugeren kan trykke på, hvorefter den tilhørende tekst folder sig ud under overskriften.

En accordion kan organisere dit indhold i logiske sektioner og gør det lettere for brugeren at overskue indholdet på siden, da brugeren selv kan vælge at folde de specifikke sektioner ud, der er relevante for ham/hende.

Principper for brug af accordions:

  • Accordions er ideelle til FAQ og spørgsmål/svar, men kan også bruges til at inddele teksten efter målgrupper.
  • Accordions må ikke være eneste indholdselement – husk brødtekst og andet indhold, der hjælper brugeren på vej.
  • Accordion er ikke udelukkende til at inddele lange tekster – brug dem, når tekstdelene adskiller sig fra hinanden.
  • Brug ikke accordion til for små mængder indhold. Der skal være noget at klikke for.

En accordion kan indsættes på alle sidetyper. Bredden på din accordion ændrer sig efter sidetype, dvs. den bliver bred på landingssider og smal på indholdssider.

I en accordion-sektion kan du indsætte overskrifter, tekstfelter, billeder, indlejre videoer osv.

Sådan gør du

  1. Start i Indholdsredigering, og gå til  'Accordions' under 'Global Components'.
  2. Opret en ny accordion i en relevant mappe, giv den et sigende navn, og udfyld 'Titel'-feltet. Indsæt derefter det ønskede antal sektioner til din accordion med sigende navne. Udfyld 'Titel' og 'Body'-feltet med din brødtekst for hver sektion.
  3. Gem og udgiv din nyoprettede accordion.
  4. Gå til den lokale side, hvor du ønsker at indsætte din accordion, og gå herefter til Bodyfeltet. Klik på 'Insert Accordion'-ikonet øverst i højre side. Vælg den ønskede accordion.
  5. Gem og udgiv.

Gode råd

  • Brug tydelige og beskrivende overskrifter, så brugerne kan afkode, hvad der er i den pågældende sektion. Brug overskriften til at give en kort sammenfatning af det indhold, der er i sektionen.

  • Meget vigtigt indhold bør som hovedregel ikke placeres i en accordion, da den kræver yderligere handling fra brugeren, før indholdet bliver synligt. Brug derfor helst accordions til supplerende eller uddybende indhold, der kan være relevant i sammenhæng med sidens brødtekst.

    Men! Der kan være undtagelser, fx hvis du bruger accordion til at inddele dit indhold efter målgrupper (for dig, der er…) eller trinvis information (Før du søger…/Mens du venter…) osv.

  • En accordion er ikke altid løsningen til meget tekst. Hvis din information er relevant, sammenhængende og formateret korrekt til web, vil brugerne gerne scrolle, selvom du har meget indhold.

    Accordions er heller ikke en god ide, hvis der ikke er så meget indhold under hver overskrift, da det bare giver brugerne flere kliks for få linjer ekstra information.

  • Selvom accordions bruges til indholdsdeling af en vis mængde tekst, så skal indholdets længde stadig overvejes og optimeres til web. Hold indholdet inden for hver sektion af accordion kort, præcist og relevant.

    Overvæld ikke brugerne med for meget tekst eller information på én gang. Hvis der er behov for mere detaljeret indhold, kan du overveje at linke til separate sider eller dokumenter.

 Eksempel

Brødtekst

Brødtekst
Brødtekst

 

Andre komponenter til indhold

Sidst opdateret: 06.03.2025