Erstellen Sie ein neues Axe Developer Hub-Projekt
Eine Schritt-für-Schritt-Anleitung zum Erstellen eines neuen Projekts im axe Developer Hub
Dieser Artikel zeigt Ihnen, wie Sie im axe Developer Hub ein neues Projekt erstellen.
1. Besuchen Sie die Projektseite
Auf der axe-Website , wird die Seite Produkte angezeigt, die der folgenden ähnelt:
Sie sollten ein Panel für den axe Developer Hub sehen. Wenn nicht, können Sie eine kostenlose Testversion starten. Weitere Informationen finden Sie unter Erste Schritte mit dem axe Developer Hub .
2. Navigieren Sie zur Projektseite des axe Developer Hub
Klicken Sie auf den Link axe Developer Hub Home , um die Projektseite des axe Developer Hub anzuzeigen. Sie sehen eine Seite ähnlich der folgenden:
3. Neues Projekt hinzufügen
Klicken Sie auf + Neues Projekt hinzufügen Schaltfläche, um ein neues axe Developer Hub-Projekt zu erstellen. Sie sehen die folgende Seite:
4. Wählen Sie die Browser-Automatisierungsplattform
Wählen Sie eine der Browser-Automatisierungsplattformen.
Weitere Informationen zu den Plattformen finden Sie auf den folgenden Websites:
- Cypress
- Playwright oder Playwright Test
- Puppeteer
- WebdriverIO oder WebdriverIO Testrunner
- WebDriverJS
5. Geben Sie den Projektnamen ein
Nachdem Sie eine Browser-Automatisierungsplattform ausgewählt haben, müssen Sie einen Projektnamen angeben. Sie können den Namen in das Textfeld Projektname eingeben und dann auf Weiter klicken, wie unten gezeigt:
Wenn Sie nicht angemeldet sind (in diesem Fall wird oben rechts auf dieser Seite „Anmelden“ angezeigt), werden Sie nach dem Klicken auf Weiter aufgefordert, ein neues Axe-Konto zu erstellen. **** Wenn Sie ein Konto haben, klicken Sie oben rechts auf Anmelden und melden Sie sich an, um die Aufforderung zur Erstellung eines neuen Kontos zu vermeiden.
Eine Anleitung zum Erstellen eines neuen axe-Kontos finden Sie unter Erstellen eines axe-Kontos .
6. Kopieren Sie den API-Schlüssel und ändern Sie Ihre Testsuite
Nachdem Sie auf Weiter geklickt haben, werden Ihnen der API-Schlüssel Ihres Projekts sowie Anweisungen und Codeausschnitte zum Hinzufügen von Barrierefreiheitstests zu Ihrer Testinfrastruktur angezeigt. Die Verwendung der Code-Snippets wird bei jedem Snippet beschrieben. Sie können auf das Kopiersymbol klicken, um das Snippet in die Zwischenablage zu kopieren.
Ein Beispiel für diese Informationen wird unten angezeigt:
Wenn Sie die Anweisungen später noch einmal durchgehen möchten, können Sie zu Ihrer Projektseite zurückkehren und auf die Schaltfläche klicken, um die Anweisungen des Projekts noch einmal durchzugehen. Siehe Anweisungen des axe Developer Hub erneut überprüfen.
7. Führen Sie Ihre Testsuite aus
Führen Sie Ihre Testsuite aus, um Informationen zu Zugänglichkeitsproblemen und Informationen zu Git zu sammeln.
8. Überprüfen Sie die Zugänglichkeitsprobleme Ihres Codes im axe Developer Hub
Nachdem Sie Ihre geänderte Testsuite ausgeführt haben, können Sie im axe Developer Hub alle gefundenen Zugänglichkeitsprobleme prüfen. Weitere Informationen finden Sie unter Probleme mit der Barrierefreiheit anzeigen .
9. Führen Sie Ihre Testsuite weiter aus
Führen Sie Ihre Testsuite bei jedem neuen Commit erneut aus, um Informationen zur Zugänglichkeit, aber auch Informationen zum Git-Branch und Commit zu sammeln. Wenn Sie GitHub verwenden, sollten Sie die axe Developer Hub GitHub-Aktion verwenden, die Ihre Testsuite automatisch ausführt, wenn ein Commit erfolgt.