Chrome-Entwicklertools mit Hilfstechnologien verwenden

Dieser Leitfaden soll Nutzern helfen, die hauptsächlich auf Hilfstechnologien angewiesen sind, wie Screenreader, auf die Chrome-Entwicklertools zuzugreifen und sie zu verwenden. Die Chrome-Entwicklertools sind eine Reihe von Webentwicklertools, die in den Google Chrome-Browser integriert sind. In der Referenz zu Bedienungshilfen finden Sie Informationen zu Entwicklertools-Funktionen, mit denen Sie die Barrierefreiheit einer Webseite verbessern können.

Die Barrierefreiheit der Entwicklertools wird kontinuierlich verbessert. Einige Bereiche und Tabs funktionieren besser mit Hilfstechnologien als andere. In diesem Leitfaden werden die Bereiche beschrieben, die am besten zugänglich sind, und es werden bestimmte Probleme hervorgehoben, die dabei auftreten können.

Übersicht

Die Entwicklertools sind in mehrere Bereiche unterteilt, die in einer ARIA tablist organisiert sind. Beispiel:

Im Inhaltsbereich der einzelnen Bereiche gibt es eine Reihe verschiedener Tools, die in der Dokumentation oft als Tabs oder Bereiche bezeichnet werden. Der Bereich Elemente enthält beispielsweise zusätzliche Tabs, um Ereignis-Listener, die Baumansicht für Barrierefreiheit und vieles mehr zu prüfen. Die Unterscheidung zwischen Tabs und Bereichen ist etwas willkürlich. Der einzige Grund, warum Sie den einen oder anderen Begriff sehen, ist, die Konsistenz mit der übrigen offiziellen Dokumentation der Entwicklertools zu wahren.

Tastenkombinationen

Die Referenz zu Tastenkombinationen für die Entwicklertools ist ein hilfreicher Spickzettel. Setzen Sie ein Lesezeichen dafür und greifen Sie darauf zurück, wenn Sie die verschiedenen Bereiche erkunden.

Entwicklertools öffnen

Lesen Sie zuerst den Artikel Chrome-Entwicklertools öffnen. Es gibt verschiedene Möglichkeiten, die Entwicklertools zu öffnen, entweder über Tastenkombinationen oder Menüelemente.

Zwischen Bereichen wechseln

Sie können mit der Tastatur, dem Befehlsmenü oder mit einer Maus oder einem Trackpad zwischen den Bereichen wechseln.

Mit der Tastatur navigieren

  • Wenn die Entwicklertools geöffnet sind, drücken Sie Strg+] oder Befehlstaste+] (Mac), um den Fokus auf den nächsten Bereich zu legen.
  • Drücken Sie Strg+[ oder Befehlstaste+[ (Mac) um den Fokus auf den vorherigen Bereich zu legen.
  • Sie können auch