Aktualisierung von Klassen von 7.x auf 8.x
Änderungen in den Hauptklassen
Vereinfachte Namen der Hilfsklassen „element-x“
Drupal 7 führte einige neue Klassen ein: element-hidden, element-invisible und element-focusable. Es war schwer, genau zu verstehen, was diese Klassen anhand ihrer Namen bewirkten, daher wurden die Klassennamen geändert. Die neuen Namen sollen das Verständnis der Klassen erleichtern und besser zur HTML 5 Boilerplate, einer beliebten HTML5-Umgebung, passen. Hier ist eine Tabelle zur Umwandlung und Verwendung:
| Vorher (7.x) | Nachher (8.x) | Hinweis |
| element-hidden | hidden |
Verbirgt das Element sowohl visuell als auch vor Screenreadern (z. B. ein Element, das später per JavaScript befüllt wird oder ein Element, das Sie per JavaScript ausblenden wollen).
|
| element-invisible | visually-hidden |
Verbirgt das Element visuell, macht es aber für Screenreader zugänglich (z. B. ein Menütitel).
|
| element-focusable | visually-hidden focusable |
Ermöglicht den Fokus auf ein visuell verborgenes Element per Tastatur (z. B. Sprunglinks zum Inhalt). Die Klasse „focusable“ sollte zusammen mit „visually-hidden“ verwendet werden.
|
| invisible | Diese Klasse ist neu in Drupal 8. Sie verbirgt ein Element visuell und vor Screenreadern, erhält jedoch das visuelle Layout bei. |
Diese Klassen sind implementiert in core/modules/system/css/system.module.css.
Für weitere Informationen siehe: