Zum Hauptteil springen

Werkzeuge für Barrierefreiheit

· Die Lesezeit beträgt 2 min
jlord
jlord

Allgemein zugängliche Anwendungen zu erstellen ist wichtig, und wir sind glücklich Ihnen neue Funktionen in Devtron und Spectron vorstellen zu können, die Entwicklern die Möglichkeit geben bessere Apps für jedermann zu erstellen.

Barrierefreiheit betreffend sind Electron-Apps und Websites vergleichbar, da beide letztlich auf HTML basieren. Dessen ungeachtet können Sie mit Electron-Apps keine Online-Ressourcen nutzen um die Barrierefreiheit zu prüfen, weil Ihre App keine URL hat, auf die der Prüfer zugreifen könnte.

Diese neuen Funktionen bringen diese Prüfwerkzeuge in deine Electron-Anwendung. Diese neuen Funktionen bringen diese Audit-Tools in Ihre Electron-App. Lesen Sie weiter und erhalten Sie eine Übersicht der Werkzeuge oder werfen Sie einen Blick in die Barrierefreiheit Dokumentation für weitere Informationen.

Spectron​

Mit dem Test-Framework Spectron kannst du jetzt jedes Fenster und jeden <webview>-Tag in deiner Anwendung überprüfen. Ein Beispiel:

app.client.auditAccessibility().then(function (audit) {
  if (audit.failed) {
    console.error(audit.message);
  }
});

Erfahren Sie mehr über dieses Feature in der Spectron Dokumentation.

Devtron​

In Devtron gibt es eine neue Registerkarte "Zugänglichkeit", die es dir ermöglicht, eine Seite in deiner Anwendung zu überprüfen, die Ergebnisse zu sortieren und zu filtern.

Screenshot von Devtron

Beide dieser Werkzeuge nutzen die Accessibility Developer Tools von Google für Chrome. Erfahren Sie mehr über die Richtlinien der Überprüfung der Barrierefreiheit, die diese Bibliothek nutzt, im Wiki des Repositorys.

Wenn Ihnen weitere gute Barrierefreiheit-Tools für Electron bekannt sind, fügen sie diese mittels einem Pull-Request zur Dokumentation für Barrierefreiheit hinzu.