Testen Sie die Barrierefreiheit mithilfe der Registerkarte "Barrierefreiheit"

Auf der Registerkarte Barrierefreiheit sehen Sie die Barrierefreiheitsstruktur, ARIA-Attribute und berechnete Barrierefreiheitseigenschaften von DOM-Knoten.

So öffnen Sie die Registerkarte "Barrierefreiheit ":

  1. Klicken Sie auf einer gerenderten Webseite mit der rechten Maustaste auf ein Element, und wählen Sie dann Untersuchen aus.

    DevTools wird geöffnet, wobei das Tool "Elemente" ausgewählt ist. Die DOM-Struktur wird geöffnet und zeigt das Element an, auf das Sie mit der rechten Maustaste geklickt haben.

  2. Klicken Sie in der DOM-Struktur auf das Element, das Sie überprüfen möchten. Sie können die Pfeiltasten verwenden, um sich durch die DOM-Struktur zu bewegen.

  3. Klicken Sie auf die Registerkarte Barrierefreiheit rechts neben der Registerkarte Formatvorlagen . Möglicherweise müssen Sie zuerst auf die Schaltfläche "Weitere Registerkarten " (Schaltfläche ") rechts neben der Registerkarte "Formatvorlagen " klicken.

Die Registerkarte

Anzeigen der Position eines Elements in der Barrierefreiheitsstruktur

Die Barrierefreiheitsstruktur ist eine Teilmenge der DOM-Struktur. Die Barrierefreiheitsstruktur enthält nur Elemente aus der DOM-Struktur, die für die Anzeige des Inhalts einer Seite über Hilfstechnologien wie Sprachausgaben relevant und nützlich sind.

Untersuchen Sie die Position eines Elements in der Barrierefreiheitsstruktur über die Registerkarte Barrierefreiheit .

Der Abschnitt

Anzeigen der ARIA-Attribute eines Elements

ARIA-Attribute stellen sicher, dass Hilfstechnologien wie Sprachausgaben über alle Informationen verfügen, die sie benötigen, um den Inhalt einer Seite ordnungsgemäß darzustellen.

Zeigen Sie die ARIA-Attribute eines Elements auf der Registerkarte Barrierefreiheit an.

Der Abschnitt ARIA-Attribute

Anzeigen der berechneten Barrierefreiheitseigenschaften eines Elements

Einige Barrierefreiheitseigenschaften werden vom Browser dynamisch berechnet. Diese Eigenschaften werden im Abschnitt Berechnete Eigenschaften der Registerkarte Barrierefreiheit angezeigt.

Zeigen Sie die berechneten Barrierefreiheitseigenschaften eines Elements auf der Registerkarte Barrierefreiheit an.

Der Abschnitt

Berechnete Barrierefreiheitseigenschaften unterscheiden sich von berechneten CSS-Eigenschaften. Weitere Informationen zum Anzeigen berechneter CSS-Eigenschaften finden Sie unter Nur das CSS anzeigen, das tatsächlich auf ein Element in der Referenz zu CSS-Features angewendet wird.

Hinweis

Teile dieser Seite sind Änderungen, die auf von Google erstellten und freigegebenen Werken basieren und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Begriffen verwendet werden. Die Originalseite findet sich hier und wurde von Kayce Basques verfasst.

Creative Commons License Diese Arbeit ist lizenziert unter einer Creative Commons Attribution 4.0 International License.