Обновление классов 7.x до 8.x
Изменения в основных классах
Упрощенные имена вспомогательных классов "element-x"
Drupal 7 представил несколько новых классов: element-hidden, element-invisible and element-focusable. Трудно было точно понять, что эти классы делали по их именам, поэтому имена классов были изменены. Новые имена должны облегчить понимание классов и более соответствовать HTML 5 Boilerplate, популярной среде HTML 5. Вот таблица преобразования и использования:
| До (7.x) | После (8.x) | Примечание |
| element-hidden | hidden |
Скрыть как визуально, так и от программ чтения с экрана (например, элемент, который будет позже заполнен JavaScript, или элемент, который вы будете скрывать с помощью JavaScript).
|
| element-invisible | visually-hidden |
Скрывать визуально, но доступно для программ чтения с экрана (например, заголовок меню).
|
| element-focusable | visually-hidden focusable |
Позволяет перейти к визуально скрытому элементу с помощью клавиатуры (например: ссылки на переход к содержимому). Фокусируемый класс должен использоваться с визуально-скрытым.
|
| invisible | Этот класс является новым в Drupal 8. Он скрывает элемент как визуально, так и от программ чтения с экрана, но поддерживает визуальный макет. |
Эти классы реализованы в core/modules/system/css/system.module.css.
Для получения дополнительной информации, пожалуйста, обратитесь к:
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.