Drupal Association members fund grants that make connections all over the world.
element-focusableclasses were changed to better describe what they do.
- The new names were derived from the names used for these styles in the HTML5 Boilerplate, a popular and well-known starting point for HTML 5 themes.
invisibleclass was added to hide elements visually and from screen-readers, but maintain the (visual) layout.
|Drupal 8||Drupal 7|
When to use these classes
Do not show to anyone; same as
display: none;. Not accessible.
Do not visually show to anyone, but leave the contents accessible.
"visually-hidden", but visually show when the element has focus (e.g. when keyboard navigation is used.)
Render this element as normal, but make everything about it invisible; same as
visibility: hidden;. Not accessible.