A: < blink> elements are deprecated and must not be used (WCAG 2.2.2)
blink
Ensure that no <blink> elements are used.
This means
The deprecated <blink> creates blinking content without the possibility to pause, stop, or hide it. Moving or blinking content disrupts orientation and is non-compliant without control.
Impact
Users may find it difficult to grasp content. For some people, blinking effects cause stress or discomfort. There is a risk of dropouts and a violation of WCAG.
Recommendation
-
Remove blinking effects and use static highlights (bold text, background highlight, icon).
-
If attention is necessary, use short animations only with pause option and respect preferred reduced motion.
Example
Problematic
<blink>Warning new action</blink>
Better (static highlight)
<span class="highlight" role="note">Warning new action</span>
<style>
.highlight { background:#fff3cd; padding:.1em .2em; }
</style>
Better (animation avoidable and switchable – optional)
<button id="pause">Pause animation</button>
<span id="msg" class="pulse">Warning new action</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>
Related WCAG criterion:
WCAG 2.2.2 - Pause, Stop, Hide