Mise à jour des classes de Drupal 7.x vers 8.x
Changements dans les classes principales
Simplification des noms des classes auxiliaires "element-x"
Drupal 7 a introduit plusieurs nouvelles classes : element-hidden, element-invisible et element-focusable. Il était difficile de comprendre précisément ce que ces classes faisaient d'après leurs noms, c'est pourquoi les noms de classes ont été modifiés. Les nouveaux noms visent à faciliter la compréhension des classes et à mieux correspondre à HTML 5 Boilerplate, un framework HTML 5 populaire. Voici un tableau de correspondance et d’utilisation :
| Avant (7.x) | Après (8.x) | Remarque |
| element-hidden | hidden |
Cache l’élément visuellement et des lecteurs d’écran (ex. : un élément qui sera ensuite rempli par JavaScript, ou que vous voulez masquer via JavaScript). |
| element-invisible | visually-hidden |
Cache visuellement l’élément mais le rend accessible aux lecteurs d’écran (ex. : un titre de menu). |
| element-focusable | visually-hidden focusable |
Permet de focaliser un élément visuellement caché via le clavier (ex. : lien de saut vers le contenu). La classe focusable doit être utilisée conjointement avec visually-hidden. |
| invisible | Cette classe est nouvelle dans Drupal 8. Elle cache un élément à la fois visuellement et des lecteurs d’écran, mais conserve la mise en page visuelle. |
Ces classes sont implémentées dans core/modules/system/css/system.module.css.
Pour plus d’informations, veuillez consulter :