Actualización de clases de 7.x a 8.x
Cambios en las clases principales
Nombres simplificados de las clases auxiliares "element-x"
Drupal 7 introdujo varias clases nuevas: element-hidden, element-invisible y element-focusable. Era difícil entender exactamente qué hacían estas clases solo por sus nombres, por lo que los nombres de las clases fueron cambiados. Los nuevos nombres deberían facilitar la comprensión de las clases y estar más alineados con HTML 5 Boilerplate, un entorno popular para HTML 5. Aquí tienes una tabla de conversión y uso:
| Antes (7.x) | Después (8.x) | Nota |
| element-hidden | hidden |
Oculta tanto visualmente como para lectores de pantalla (por ejemplo, un elemento que será rellenado más tarde con JavaScript, o un elemento que vas a ocultar usando JavaScript).
|
| element-invisible | visually-hidden |
Oculta visualmente, pero permanece accesible para lectores de pantalla (por ejemplo, un título de menú).
|
| element-focusable | visually-hidden focusable |
Permite que un elemento visualmente oculto pueda recibir foco mediante teclado (por ejemplo: enlaces para saltar al contenido). La clase focusable debe usarse junto con visually-hidden.
|
| invisible | Esta clase es nueva en Drupal 8. Oculta el elemento tanto visualmente como para lectores de pantalla, pero mantiene el diseño visual. |
Estas clases están implementadas en core/modules/system/css/system.module.css.
Para más información, por favor consulta:
Drupal’s online documentation is © 2000-2020 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.