A: < blink>-Elemente sind veraltet und dürfen nicht verwendet werden (WCAG 2.2.2)
blink
Stellt sicher, dass keine <blink>-Elemente verwendet werden.
Das bedeutet
Das veraltete <blink> erzeugt blinkenden Inhalt ohne Möglichkeit zum Pausieren Beenden oder Ausblenden. Bewegte oder blinkende Inhalte stören Orientierung und sind ohne Kontrolle nicht konform.
Auswirkung
Nutzerinnen und Nutzer können Inhalte schwer erfassen. Für manche Menschen verursachen Blinkeffekte Stress oder Beschwerden. Es drohen Abbrüche und ein Verstoß gegen WCAG.
Empfehlung
-
Blinkeffekte entfernen und statische Hervorhebungen nutzen (Fettschrift, Hintergrund Hervorhebung, Icon).
-
Wenn Aufmerksamkeit nötig ist, kurze Animationen nur mit Pausen Option einsetzen und bevorzugte reduzierte Bewegung respektieren.
Beispiel
Problematisch
<blink>Achtung neue Aktion</blink>
Besser (statische Hervorhebung)
<span class="highlight" role="note">Achtung neue Aktion</span>
<style>
.highlight { background:#fff3cd; padding:.1em .2em; }
</style>
Besser (Animation vermeidbar und abschaltbar – optional)
<button id="pause">Animation pausieren</button>
<span id="msg" class="pulse">Achtung neue Aktion</span>
<style>
.pulse { animation: none; }
@media (prefers-reduced-motion: reduce) { .pulse { animation: none; } }
</style>
<script>
document.getElementById('pause').addEventListener('click',()=> {
document.getElementById('msg').style.animation = 'none';
});
</script>
Verknüpfte WCAG-Kriterien:
WCAG 2.2.2 - Pausieren, Beenden, Ausblenden