Téléchargez le projet démo Puppeteer

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard

Téléchargez et exécutez un projet exemple complet pour Axe DevTools for Web avec Puppeteer et Mocha

Not for use with personal data

Ce projet démo familiarise les utilisateurs avec l'utilisation de Axe DevTools for Web avec Puppeteer et Mocha et peut générer des rapports sans besoin d'intégration à un projet web existant. Pour savoir comment installer Axe DevTools for Web dans un projet existant, lisez le guide sur installation à partir d'un bundle, depuis votre propre dépôt d'artéfacts ou depuis l'Agora de Deque.

Prérequis

Ces projets nécessitent un environnement de développement Node.js incluant NPM ou Yarn. Ils nécessitent également un WebDriver correspondant au projet de démonstration souhaité, soit Puppeteer, WebdriverIO, ou WebDriverJS

Catalogue d'exemples

Le Catalogue d'exemples fournit un projet d'exemple complet de Puppeteer avec Mocha que vous pouvez cloner et exécuter pour générer des rapports d'accessibilité sans avoir besoin d'intégrer un projet web existant.

Utilisation

  1. Clonez le répertoire Deque Examples Catalog sur GitHub :

    git clone git@github.com:dequelabs/axe-devtools-html-api-examples.git
    note

    Vous pourriez avoir besoin d'utiliser une commande de clonage différente selon la façon dont vous avez configuré l'accès à GitHub. La commande ci-dessus utilise SSH. Voir Connexion à GitHub avec SSH pour plus d'informations.

  2. Accédez à l'exemple Puppeteer :

    cd axe-devtools-html-api-examples/Node/puppeteer-mocha
  3. Exécutez npm install ou yarn pour installer les modules node

  4. Exécutez npm test ou yarn test pour lancer les scripts de test

Une fois les tests terminés, les résultats bruts sont enregistrés dans la console ainsi que compilés dans un rapport HTML par le rapporteur Axe DevTools for Web. Ces rapports vous permettent de consommer facilement les résultats des analyses d'accessibilité.

Si vous le souhaitez, vous pouvez configurer le projet pour analyser n'importe quelle page accessible sur le web en modifiant les URL des cas de test avec src/*.test.js et en relançant les tests.

Configuration

Initialement, un ou plusieurs des composants de ce projet peuvent être incompatibles avec votre environnement. Si les problèmes persistent, contactez directement votre représentant Deque, contactez-nous via notre service d'assistance, ou envoyez-nous un e-mail. Nous serons heureux de vous aider.