Aggiornamento delle classi da 7.x a 8.x
Modifiche nelle classi principali
Nomi semplificati delle classi helper "element-x"
Drupal 7 ha introdotto alcune nuove classi: element-hidden, element-invisible ed element-focusable. Non era facile capire esattamente cosa facessero queste classi dai loro nomi, quindi i nomi delle classi sono stati modificati. I nuovi nomi dovrebbero rendere più chiara la comprensione delle classi e allinearsi meglio a HTML 5 Boilerplate, un ambiente HTML 5 molto diffuso. Ecco la tabella di conversione e utilizzo:
| Prima (7.x) | Dopo (8.x) | Nota |
| element-hidden | hidden |
Nasconde sia visivamente che ai lettori di schermo (es. un elemento che sarà popolato successivamente da JavaScript, o un elemento che vuoi nascondere via JavaScript). |
| element-invisible | visually-hidden |
Nasconde visivamente, ma resta accessibile ai lettori di schermo (es. intestazione di un menu). |
| element-focusable | visually-hidden focusable |
Consente di raggiungere un elemento nascosto visivamente tramite la tastiera (es. link per saltare al contenuto). La classe focusable deve essere usata insieme a visually-hidden. |
| invisible | Questa classe è nuova in Drupal 8. Nasconde un elemento sia visivamente che ai lettori di schermo, ma preserva il layout visivo. |
Queste classi sono implementate in core/modules/system/css/system.module.css.
Per ulteriori informazioni, consulta: