Het HTML blockquote element

Wat is het blockquote element?

Het HTML <blockquote> element is bedoeld voor een langere citaat (een blok tekst) die afkomstig is uit een andere bron.
Je gebruikt het wanneer je een passage letterlijk overneemt of een uitspraak als citaat presenteert.

Voor korte citaten in een lopende zin gebruik je meestal <q>. Denk aan een korte uitspraak tussen aanhalingstekens. Voor een losstaand
tekstblok is <blockquote> de juiste keuze.

Waarom is blockquote belangrijk voor digitale toegankelijkheid?

Digitale toegankelijkheid gaat niet alleen over contrast en toetsenbordbediening. Het gaat ook over structuur en betekenis.
Met semantische HTML maak je duidelijk wat iets is: een kop, een lijst, een formulier, of in dit geval een citaat.

Door <blockquote> te gebruiken:

• begrijpen screenreaders dat het om een citaat gaat, in plaats van “gewoon een alinea met andere styling”
• blijft de structuur logisch, ook zonder visuele opmaak
• voorkom je dat quotes per ongeluk als gewone content gelezen worden, wat verwarrend kan zijn

Een quote “ziet er” vaak als quote uit door een randje of inspringing. Maar voor iemand die de pagina niet ziet, bestaat dat randje niet. Semantiek maakt dan het verschil.

Wanneer gebruik je blockquote?

Gebruik <blockquote> wanneer:

• je een letterlijk citaat opneemt uit een interview, artikel, rapport of speech
• je een uitspraak uitlicht die als bron herkenbaar moet zijn
• je een langere passage als los tekstblok presenteert, los van je eigen lopende tekst

Het is slim om de bron dichtbij de quote te zetten. Dat kan bijvoorbeeld met een regel eronder of met een <cite> element.

Toegankelijkheid is geen extraatje. Het is de basis van digitale dienstverlening.

<blockquote>
  <p>Toegankelijkheid is geen extraatje. Het is de basis van digitale dienstverlening.</p>
  <footer>
    <cite>Audit House</cite>
  </footer>
</blockquote>

Wanneer gebruik je blockquote niet?

• Niet voor styling: gebruik het element niet alleen omdat je tekst “mooi ingesprongen” wilt tonen.
  Als het geen citaat is, gebruik dan een gewone <p> of een andere passende structuur.
• Niet voor korte quotes in een zin: gebruik daar eerder <q> (of gewone aanhalingstekens) voor.
• Niet voor reviews of testimonials zonder citaat: als het eigenlijk een losse contentsectie is, past een <section>
  met goede koppen en tekst vaak beter.

Praktische tips

• Gebruik <blockquote> altijd met echte tekstinhoud, bij voorkeur in een <p>.
• Zet de bron in de buurt van het citaat (bijvoorbeeld via <footer> en <cite>).
• Houd de quote leesbaar: niet te klein, voldoende regelafstand en goed contrast.