Goed dat je hier bent voor het opzoeken van informatie over de contentfeature 'accordeon'. Accordeon wordt ingezet wanneer je veel tekst hebt en dit op een overzichtelijke manier wilt laten zien.
Gebruik accordeon
Wanneer inzetten?
Heb je een (lange) pagina, bijvoorbeeld met een overzicht van vragen en antwoorden, die onoverzichtelijk dreigt te worden? Dan is er de mogelijkheid om de content per stukje in te laten klappen. Je bezoeker vindt zo sneller zijn weg.
Wanneer niet inzetten?
Zet het contentblok accordeon alleen in als informatie in de accordeon niet essentieel is voor alle eindgebruikers.
Redenen hiervoor zijn:
- Een accordeon verbergt informatie en er bestaat een kans dat niet alle gebruikers dit direct opmerken of begrijpen.
- Voor sommige gebruikers is het bij een accordeon moeilijker om de content tot zich te nemen. Bij elke titel is nu interactie vereist doordat je de content in- en uitklapt.
- Het is voor een eindgebruiker niet meer mogelijk om door alle informatie op een pagina heen te zoeken met CTRL-F. Alleen door de content die op dat moment uitgeklapt is.
Wat zijn alternatieven voor het contentblok accordeon?
- Vereenvoudig of verminder de hoeveelheid informatie op een pagina.
- Gebruik veel tussenkopjes.
- Zet de informatie op verschillende pagina’s.
- Verwerk de informatie in een infographic.
Voorbeeld accordeon
Een accordeon instellen
In een paginatype dat het contentblok accordeon ondersteunt kan onder het veld Contentblok het linkje accordeon worden aangeklikt:
Het contentblok accordeon opent als volgt:
Stap 1: overkoepelende titel
Het contentblok accordeon begin met een overkoepelende titel. Deze titel staat boven het lijstje met uitklapbare titels. Zorg dat de titel omschrijft wat er te vinden is in de accordeon.
In de onderstaande tabel staat uitgelegd wat je bij de velden van stap 1 moet invullen.
| Titel van het veld | Wat vul ik hier in? | Hoe bedien ik dit veld? | Eventuele toelichting |
|---|---|---|---|
| Titel | Korte en duidelijke overkoepelende titel van alle items | Voer de titel in | Zorg dat de titel omschrijft wat er te vinden is in de accordeon |
Stap 2: items toevoegen
Je kunt in een accordeon meerdere uitklapbare titels toevoegen. In het CMS heten deze ook wel items. Elk item bestaat uit:
- een zichtbare titel die in of uit te klappen is.
- content die verschijnt bij in- en uitklappen van titel.
Lees in de onderstaande tabel staat wat je bij de velden van stap 2 moet invullen.
| Titel van het veld | Wat vul ik hier in? | Hoe bedien ik dit veld? | Eventuele toelichting |
|---|---|---|---|
| Titel | Titel van één item | Voer de titel in |
Waar moet je verder op letten?
|
Stap 3: Content aan items toevoegen
Je kunt aan een item de volgende contentblokken toevoegen:
- een tekstblok;
- een afbeeldingsblok;
Deze contentblokken zijn hetzelfde als standaard tekst- en afbeeldingsblokken.
In de onderstaande tabel staat uitgelegd wat je bij de velden van het tekstblok in stap 3 moet invullen.
| Titel van het veld | Wat vul ik hier in? | Hoe bedien ik dit veld? | Eventuele toelichting | |
|---|---|---|---|---|
| Titel | Een kop of tussenkop | Voer de titel in | Bij het gebruik van koppen is het belangrijk om de volgorde aan te houden van H1, H2, H3, etc. Voor mensen die bijvoorbeeld blind zijn, is dit de houvast op structuur. | |
| Tekst | De (alinea) tekst | Het editorveld |
In de onderstaande tabel staat uitgelegd wat je bij de velden van het afbeeldingsblok in stap 3 moet invullen.
| Titel van het veld | Wat vul ik hier in? | Hoe bedien ik dit veld? | Eventuele toelichting |
|---|---|---|---|
| Afbeelding | Selecteer de afbeelding | Het afbeeldinginvoegveld | |
| Grootte van de afbeelding | Halve of volle breedte |
Kies een optie | |
| Bijschrift (onderschrift) | Korte omschrijving van de foto | Navigatie en eenvoudige velden | |
| Alternatieve tekst | Tekst die wordt gebruikt door voorleesprogramma's | Navigatie en eenvoudige velden |