Masquer le contenu

Types de blocs supplémentaires (EBT) – Nouvelle expérience de Layout Builder❗

Types de blocs supplémentaires (EBT) – types de blocs stylisés et personnalisables : diaporamas, onglets, cartes, accordéons et bien d’autres. Paramètres intégrés pour l’arrière-plan, la boîte DOM, les plugins JavaScript. Découvrez dès aujourd’hui le futur de la création de mises en page.

Démo des modules EBT Télécharger les modules EBT

05/07/2025, by Ivan

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 : `<div class="visually-hidden"></div>`	Oui	Non	Ceci est intégré dans Drupal 8. Dans Drupal 7, c’était class="element-invisible".
CSS : `<div class="hidden"></div>`	Oui	Oui	Ceci est intégré dans Drupal 8. Dans Drupal 7, c’était class="element-invisible".
Attribut HTML5 : `<div hidden></div>`	Oui	Oui	Dans les navigateurs supportés, cela équivaut au CSS { display:none; }
Attribut ARIA : `<div aria-hidden="true"></div>`	Non	Oui	Intégré dans les navigateurs modernes. Très similaire à l’attribut caché HTML5
CSS : `<div class="visually-hidden focusable"></div>`	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.

Types de blocs supplémentaires (EBT) – Nouvelle expérience de Layout Builder❗

❗Types de paragraphes supplémentaires (EPT) – Nouvelle expérience Paragraphes

Menu