Citaten op een webpagina
Korte citaten en lange citaten kun je tussen enkele of dubbele aanhalingsteken zetten. Je kunt tekst ook markeren als citaat binnen het systeem waarmee je webpagina’s publiceert. Met aanhalingstekens of de juiste markeringen zijn citaten herkenbaar voor de bezoeker met en zonder hulptechnologie.
Voorbeelden
Doen
Plaats dubbele of enkele aanhalingstekens om een quote aan te geven.
De voorzitter vroeg: “Was dat het antwoord op uw vraag?”
<p>De voorzitter vroeg: “Was dat het antwoord op uw vraag?”</p>
Als contentspecialist werk je meestal in een contentmanagementsysteem (CMS). Veel CMS'en bieden de mogelijkheid om met een knop een quote toe te voegen.
Niet doen
Een kop gebruiken om een quote op te maken.
"Een vat vol geleerdheid is nog geen druppel wijsheid waard."
<h2 class="utrecht-heading-2">"Een vat vol geleerdheid is nog geen druppel wijsheid waard."</h2>
Doen
Een quote opmaken met de specifiek daarvoor bedoelde mogelijkheid in het CMS.
Een vat vol geleerdheid is nog geen druppel wijsheid waard.
<blockquote>Een vat vol geleerdheid is nog geen druppel wijsheid waard.</blockquote>
Hoe te testen
Lees de pagina door en controleer alle citaten. Gebruik de onderstaande stappen als checklist:
- Controleer of het citaat is opgemaakt met de citaatfunctie van het CMS (bijvoorbeeld als blokcitaat). Een citaat moet als citaat zijn gemarkeerd in de code (bijvoorbeeld met
<blockquote>). Gebruik dus niet alleen aanhalingstekens of een cursieve stijl.  - Kijk of er kopstijlen (zoals H2 of H3) zijn gebruikt om een citaat visueel te laten opvallen. Als dat zo is, pas dit aan. Koppen zijn bedoeld voor structuur, niet voor vormgeving.
Meer lezen over gerelateerde WCAG-succescriteria op NL Design System
Op de WCAG succescriteria pagina's op deze website lees je meer over veelgemaakte fouten en hoe je kunt testen of jouw website aan de succescriteria voldoet.
Over deze richtlijnen
Deze richtlijnen worden onderhouden door het NL Design System en zijn op dit moment in beta.
We willen graag van de community horen of ze werkbaar en nuttig zijn. Heb je vragen, aanvullingen of opmerkingen? Open een issue op GitHub en deel je mening.