Vervang blink element

Hoe het blink element te vervangen?

Het <blink> element is verouderd en wordt niet meer ondersteund door browsers. Vervang het door een alternatief dat dezelfde nadruk overbrengt zonder te knipperen:

<p>Start proefversie. <blink>Het is gratis!</blink></p>

<p>Start proefversie. <strong>Het is gratis!</strong></p>

<style>
  @media (prefers-reduced-motion: no-preference) {
    .highlight { animation: fade 1s ease-in-out infinite alternate; }
  }
  @keyframes fade { from { opacity: 1; } to { opacity: 0.4; } }
</style>
<p>Start proefversie. <span class="highlight">Het is gratis!</span></p>

Waarom is dit belangrijk?

Knipperende tekst leidt af en is schadelijk — met name voor gebruikers met cognitieve beperkingen, aandachtsstoornissen of lichtgevoeligheid. Het <blink> element is ook verouderd en wordt in geen enkele moderne browser meer ondersteund.

Als je de aandacht wilt vestigen op inhoud, gebruik dan semantische elementen (<strong>, <em>) of CSS met een prefers-reduced-motion-mediaquery. De prefers-reduced-motion-mediaquery respecteert de instelling “verminder beweging” van het besturingssysteem. Dit is belangrijk voor mensen met evenwichtsstoornissen: bewegende inhoud op het scherm kan bij hen duizeligheid, misselijkheid of desoriëntatie veroorzaken.