logo

Extra Block Types (EBT) - Nuova esperienza con Layout Builder❗

Extra Block Types (EBT) - tipi di blocchi stilizzati e personalizzabili: Slideshows, Tabs, Cards, Accordion e molti altri. Impostazioni integrate per sfondo, DOM Box, plugin javascript. Vivi oggi il futuro della costruzione dei layout.

Demo moduli EBT Scarica moduli EBT

❗Extra Paragraph Types (EPT) - Nuova esperienza con Paragraphs

Extra Paragraph Types (EPT) - insieme di moduli basati su paragrafi in modo analogo.

Demo moduli EPT Scarica moduli EPT

Scorri
  1. Home
  2. Documentazione di Drupal
  3. Accessibilità

Nascondi contenuto

04/10/2025, by Ivan

Menu

Nascondere il contenuto è molto utile per l’accessibilità. Possiamo nascondere elementi visivamente e mostrarli solo agli utenti dei lettori di schermo, possiamo nascondere il contenuto ai lettori di schermo e mostrarlo solo visivamente, oppure possiamo nasconderlo a entrambi. Drupal include alcune classi CSS integrate che aiutano a chiarire le intenzioni. Non si consiglia di usare { display:none; }, poiché viene spesso utilizzato in modo scorretto.

Tecnica     Nascosto              Visivamente     Nascosto al lettore di schermo Ulteriori informazioni

CSS: 

<div class="visually-hidden"></div>

             Sì                    No

È integrato in Drupal 8. In Drupal 7 era class="element-invisible".

CSS: 

<div class="hidden"></div>

             Sì                     Sì

È integrato in Drupal 8. In Drupal 7 era class="element-invisible".

Attributo HTML5: 

<div hidden></div>

             Sì                     Sì

Nei browser supportati è equivalente al CSS { display:none; }

Attributo ARIA: 

<div aria-hidden="true"></div>

             No                     Sì Integrato nei browser moderni. Molto simile all’attributo nascosto di HTML5

CSS: 

<div class="visually-hidden focusable"></div>

             Sì                     Sì È integrato in Drupal 8. In Drupal 7 era class="element-invisible element-focusable"

 

Questa tabella è basata sulla pagina Hidden Content di 18F.