Скрыть содержание
Скрытие контента очень полезно для доступности. Мы можем скрывать вещи визуально и отображать их только пользователям программы чтения с экрана, мы можем скрывать контент от пользователей программы чтения с экрана и отображать его только визуально, или мы можем скрывать контент от обоих. Drupal поставляется с некоторыми встроенными классами CSS, которые могут помочь убедиться в ясности намерений. Мы не рекомендуем использовать { display:none; } как это часто неправильно используется.
| Техника | Визуально скрытый | Screen reader скрыт | Дополнительная информация |
|
CSS:
|
Да | Нет |
Это встроено в Drupal 8. В Drupal 7 это было class="element-invisible". |
|
CSS:
|
Да | Да |
Это встроено в Drupal 8. В Drupal 7 это было class="element-invisible". |
|
HTML5 attribute:
|
Да | Да |
В поддерживаемых браузерах это то же самое, что и CSS { display:none; } |
|
ARIA attribute:
|
Нет | Да | Встроен в современные браузеры. очень похож на скрытый атрибут HTML5 |
|
CSS:
|
Да | Да | Это встроено в Drupal 8. В Drupal 7 это было class="element-invisible element-focusable" |
Этот формат взят со страницы скрытого контента 18F.