Masquer le contenu
Cacher du contenu est très utile pour l’accessibilité. Nous pouvons cacher des éléments visuellement et ne les afficher qu’aux utilisateurs de lecteurs d’écran, nous pouvons cacher du contenu aux utilisateurs de lecteurs d’écran et l’afficher uniquement visuellement, ou nous pouvons cacher le contenu aux deux. Drupal est livré avec certaines classes CSS intégrées qui peuvent aider à clarifier les intentions. Nous ne recommandons pas d’utiliser { display:none; } car cela est souvent mal utilisé.
Technique | Visuellement caché | Caché aux lecteurs d’écran | Informations supplémentaires |
CSS :
|
Oui | Non |
Ceci est intégré dans Drupal 8. Dans Drupal 7, c’était class="element-invisible". |
CSS :
|
Oui | Oui |
Ceci est intégré dans Drupal 8. Dans Drupal 7, c’était class="element-invisible". |
Attribut HTML5 :
|
Oui | Oui |
Dans les navigateurs supportés, cela équivaut au CSS { display:none; } |
Attribut ARIA :
|
Non | Oui | Intégré dans les navigateurs modernes. Très similaire à l’attribut caché HTML5 |
CSS :
|
Oui | Oui | Ceci est intégré dans Drupal 8. Dans Drupal 7, c’était class="element-invisible element-focusable" |
Ce format est tiré de la page Contenu caché 18F.