5588 sujets

Sémantique web et HTML

Salutations distinguées ^^

J’ai plusieurs div, avec des chiffres dans le fond comme éléments décoratifs. Je cherche à exclure ces chiffres de WCAG Color Contast Checker pour passer le test d’accessibilité.

Mon code (qui ne marche pas) :
<div class="decorative-numbers" aria-hidden="true">
  12345
</div>


Merci de votre aide.
Modifié par myself (18 May 2025 - 19:12)
Réponse donnée par ChatGPT o4-mini avec cette même question. Je vais tester un peu plus tard dans la soirée.
Modérateur
Bonjour,

Si c'est décoratif, en injectant ces chiffres via un pseudo élément devrait convenir:
<div class="decorative-numbers" data-numbers="12345" aria-hidden="true"></div>

.decorative-numbers::before{content:attr(data-numbers);}
Meilleure solution