Inhalt ausblenden
Das Verbergen von Inhalten ist sehr hilfreich für die Barrierefreiheit. Wir können Dinge visuell ausblenden und sie nur für Screenreader-Benutzer sichtbar machen, wir können Inhalte vor Screenreader-Benutzern verbergen und sie nur visuell anzeigen, oder wir können Inhalte für beide verbergen. Drupal bietet einige eingebaute CSS-Klassen, die helfen, die Absichten klar zu machen. Wir empfehlen nicht, { display:none; } zu verwenden, da dies oft falsch eingesetzt wird.
| Technik | Visuell verborgen | Für Screenreader verborgen | Zusätzliche Informationen |
|
CSS:
|
Ja | Nein |
Ist in Drupal 8 eingebaut. In Drupal 7 war es class="element-invisible". |
|
CSS:
|
Ja | Ja |
Ist in Drupal 8 eingebaut. In Drupal 7 war es class="element-invisible". |
|
HTML5-Attribut:
|
Ja | Ja |
In unterstützten Browsern entspricht dies CSS { display:none; } |
|
ARIA-Attribut:
|
Nein | Ja | In modernen Browsern eingebaut. Sehr ähnlich zum HTML5 hidden-Attribut |
|
CSS:
|
Ja | Ja | Ist in Drupal 8 eingebaut. In Drupal 7 war es class="element-invisible element-focusable". |
Dieses Format stammt von der Seite Hidden Content 18F.