Gå til hovedindhold

Accordion

Komponenten Accordion strukturer indhold i en harmonika-funktion, der tillader brugeren at klikke indhold til og fra. Sådan kan brugeren hurtigt finde den efterspurgte information.

Indhold

    Når du opretter en accordion i backoffice har du følgende indstillingsmuligheder:

    • Aktiv: Vælg om komponenten skal vises i din artikel (eller skjules).
    • Vælg fra biblioteket: Vælg en allerede oprettet accordion fra det globale bibliotek.
    • Vælg tekst til 'Åbn alle' og 'Luk alle'-knapperne. Knappen tillader brugeren at åbne eller lukke alle punkter i accordionen på én gang.
    • Skjul 'åbn alle'-knappen: Vælg om du vil skjule eller vise den knap, der åbner alle accordionens elementer på én gang.
    • Tilføj baggrundsfarve. Vælg mellem seks brugerdefinerede farver. Læs om farvekategorierne her.
    • Overskrift på punktet i accordion
    • Tilføj indhold. Vælg mellem to typer accordionelementer 'tekst' og 'multikomponent'.

    De to typer accordionelementer

    Vælger du at oprette et tekstaccordion-element, kan du "kun" skrive tekst inde i elementet ved hjælp af en Rich Text Editor.

    Det vil sige at du ikke kan tilføje andre elementer end tekst og links. Her er det vigtigt at du skriver overskrifter og links efter den korrekte formatering, så din organisations visuelle retningslinjer bliver overholdt, og så dem der bruger en tekstlæser kan bruge overskriftshierarkiet til at "hoppe", og dermed sortere din tekst.

    Læs mere om formatering i Rich Text Editor her.

     

     

    Vælger du et 'Multikomponent'-element i din accordion, kan du tilføje flere typer moduler til elementet:

    Du kan altså vælge at kombinere forskellige indholdstyper:

    Når du vælger at bruge elementer, der er lavet til specifikt indhold i stedet for tekstmodulets funktioner, sikrer du webtilgængeligheden på dit indhold. 

    Tekstmodulet er nemlig ikke et nemt redskab til at skabe webtilgængeligt indhold for blinde og svagtseende brugere.

    Hyppige spørgsmål til Accordion-komponenten

    Det skal du gøre

    Vil du linke til et specifikt element i din accordion, kan du åbne elementet og kopiere URL'en.

    Forklaring

    Hvert accordion-element har nemlig sit eget paramenter i URL'en. Det betyder at URL'en skifter, hver gang du åbner nyt element.

    Dette accordion-element du læser her, har URL'en:

    https://guide.kommuneplatformen.dk/komponenter/artikelside-komponenter/artikelside/accordion#hvordan-linker-jeg-til-et-specifikt-element-i-min-accordion--5a

    Elementets parameter er:

    #hvordan-linker-jeg-til-et-specifikt-element-i-min-accordion--5a

    Derfor kan du kopiere URL'en, når du har åbnet det accordion-element, du ønsker at linke til, og bruge det som link.

     

    Det skal du gøre

    Har du givet accordion-modulet en overordnet overskrift

    Elementernes overskrifter vil her være H3, og overskrifterne inde i dit tekstfelt skal derfor være H4. Er der underoverskrifter inde under en overskrift, skal disse være H5.

    Har du ikke givet accordion-modulet en overordnet overskrift

    Elementernes overskrifter vil da være H2, og overskrifterne inde i dit tekstfelt skal derfor være H3. Er der underoverskrifter inde under en overskrift, skal disse være H4.

    Forklaring

    Accordion-modulet regulerer overskifternes formatering dynamisk.

    Det betyder, at elementernes overskrifter både kan være H2 og H3, alt efter om du har givet accordion-modulet en overskrift eller ej:

    • Har du givet det en overskrift for det samlede modul, vil denne overskrift være en H2, og alle elementernes overskrifter vil være H3.
    • Har du ikke givet modulet en overordnet overskrift, vil elementernes overskrifter være H2.

    Det betyder at du skal være bevidst om hvordan du formaterer overskrifterne inde i teksten, i Rich Text Editoren.