logo

Extra Block Types (EBT) - Neue Erfahrung im Layout Builder❗

Extra Block Types (EBT) - gestylte, anpassbare Blocktypen: Diashows, Registerkarten, Karten, Akkordeons und viele andere. Eingebaute Einstellungen für Hintergrund, DOM Box, Javascript Plugins. Erleben Sie die Zukunft der Layouterstellung schon heute.

Demo EBT-Module EBT-Module herunterladen

❗Extra Absatztypen (EPT) - Erfahrung mit neuen Absätzen

Extra Paragraph Types (EPT) - analoger, auf Absätzen basierender Satz von Modulen.

Demo EPT-Module EPT-Module herunterladen

Scroll
  1. Startseite
  2. Drupal-Dokumentation
  3. Barrierefreiheit

Inhalt ausblenden

20/06/2025, by Ivan

Menu

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:

<div class="visually-hidden"></div>

 Ja Nein

Ist in Drupal 8 eingebaut. In Drupal 7 war es class="element-invisible".

CSS:

<div class="hidden"></div>

 Ja Ja

Ist in Drupal 8 eingebaut. In Drupal 7 war es class="element-invisible".

HTML5-Attribut:

<div hidden></div>

 Ja Ja

In unterstützten Browsern entspricht dies CSS { display:none; }

ARIA-Attribut:

<div aria-hidden="true"></div>

 Nein Ja In modernen Browsern eingebaut. Sehr ähnlich zum HTML5 hidden-Attribut

CSS:

<div class="visually-hidden focusable"></div>

 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.

Source URL:
Hide Content Summary

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.