Het verschil tussen <strong> en <em>

In HTML worden <strong> en <em> vaak gebruikt om tekst nadruk te geven. Visueel wordt <strong> meestal vet weergegeven en <em> cursief.

Dat lijkt handig, maar voor toegankelijkheid is het belangrijk om te weten dat schermlezers deze semantische nadruk in de praktijk meestal niet standaard aankondigen. Daardoor is visuele nadruk niet automatisch ook begrijpelijk voor gebruikers die de inhoud niet zien.

Auteur

Vincent van Brakel

Als onderzoeker digitale toegankelijkheid voert Vincent ruim 8 jaar audits uit voor websites en apps. De focus ligt hierbij niet alleen op de criteria, maar vooral op de drempels voor de doelgroep en hoe we deze samen kunnen oplossen.

Wat is het verschil tussen <strong> en <em>?

Visueel is het verschil tussen de twee opmaakmethoden overduidelijk. Maar, hoe zit het met de semantische waarde?

EM

<em> gebruik je voor nadruk binnen een zin of passage. Het element geeft aan dat een woord of deel van de tekst extra accent krijgt. Standaard tonen browsers dit vaak cursief.

Strong

<strong> gebruik je voor sterke nadruk of een hogere mate van belangrijkheid. Standaard tonen browsers dit vaak vetgedrukt.

Het verschil zit dus niet alleen in de opmaak, maar vooral in de betekenis: <em> geeft gewone nadruk, <strong> geeft zwaardere nadruk of meer urgentie.

Wanneer gebruik je <em>?

Gebruik <em> wanneer je een subtiel accent wilt leggen op een woord of zinsdeel, zonder dat die nadruk cruciaal is voor het begrijpen van de boodschap. Denk aan nuance, contrast of spreektoon binnen lopende tekst.

Voorbeeld:

<p>Deze controle is <em>niet</em> verplicht in elke situatie.</p> 

Wanneer gebruik je <strong>?

Gebruik <strong> wanneer je wilt aangeven dat iets extra belangrijk, dringend of zwaarwegend is. Ook hier geldt: gebruik dit niet als enige middel wanneer de nadruk noodzakelijk is om de inhoud te begrijpen.

Voorbeeld:

<p><strong>Let op:</strong> deze actie kan niet ongedaan worden gemaakt.</p> 

Consistent goed toepassen

Gebruik <em> voor lichte semantische nadruk en <strong> voor sterkere semantische nadruk, maar alleen wanneer de inhoud ook zonder die nadruk begrijpelijk blijft. Is de nadruk essentieel voor interpretatie, instructie, risico of waarschuwing, voeg dan altijd expliciete tekst toe of pas een andere toegankelijke oplossing toe.