Définir une description pour un élément (div) pour un lecteur d'écran

Question

J'ai un élément (dans bootstrap donc placé dans un div) qui contient une déclaration de cookie (obligatoire où je vis, il dit en quelque sorte 'nous utilisons des cookies appuyez sur OK'

Existe-t-il un moyen que je peux dire au lecteur d'écran: le prochain section/div/element est une 'déclaration de cookie?

donc quelque chose comme:

<div description = "This is a cookie statement"> 

Je ne sais pas comment screenreaders travailler, mais je peux imaginer alors l'utilisateur peut décider d'ignorer cette section/div/element

Answer 1

Le balisage défini par HTML, et compris par lecteurs d'écran, pour indiquer ce que la partie suivante d'un document est à propos de la <h1> à <h6> série d'éléments d'en-tête. Les lecteurs d'écran incluent généralement les fonctionnalités "Passer au titre suivant".

HTML fournit également <small> pour représenter les «commentaires secondaires tels que les mentions légales, avertissements, réserves, restrictions légales ou droits d'auteur».

<div> 
    <h2>Cookie Usage Statement</h2> 
    <p><small>Foo Inc. uses cookies for blah blah blah</small></p> 
</div> 

Answer 2

Vous pouvez ajouter aria-hidden à l'élément respectif.