Bijwerken van klassen van 7.x naar 8.x
Wijzigingen in de kernklassen
Vereenvoudigde namen van hulpsklassen "element-x"
Drupal 7 introduceerde een aantal nieuwe klassen: element-hidden, element-invisible en element-focusable. Het was lastig precies te begrijpen wat deze klassen deden op basis van hun namen, daarom zijn de klassen hernoemd. De nieuwe namen moeten het begrip van de klassen vergemakkelijken en beter aansluiten bij HTML 5 Boilerplate, een populaire HTML 5-omgeving. Hier is de conversietabel en het gebruik:
| Voor (7.x) | Na (8.x) | Opmerking |
| element-hidden | hidden |
Verbergt zowel visueel als voor screenreaders (bijvoorbeeld een element dat later met JavaScript gevuld wordt of een element dat je met JavaScript verbergt).
|
| element-invisible | visually-hidden |
Visueel verborgen, maar toegankelijk voor screenreaders (bijvoorbeeld een menutitel).
|
| element-focusable | visually-hidden focusable |
Maakt het mogelijk met het toetsenbord naar een visueel verborgen element te navigeren (bijvoorbeeld: skip-to-content links). De focusable-klasse moet samen met visually-hidden gebruikt worden.
|
| invisible | Deze klasse is nieuw in Drupal 8. Ze verbergt een element zowel visueel als voor screenreaders, maar behoudt de visuele layout. |
Deze klassen zijn geïmplementeerd in core/modules/system/css/system.module.css.
Voor meer informatie, zie: