beta.gouv.fr icon indicating copy to clipboard operation
beta.gouv.fr copied to clipboard

chore: add a11y tests in CI

Open revolunet opened this issue 10 months ago • 3 comments

Ajout CI axe-core

revolunet avatar Apr 03 '24 20:04 revolunet

Rapport d'accessibilité axe-core pour 34b40a55df46faeff47cec08154400b75a68f35a to https://beta.gouv.fr

Running axe-core 4.9.0 in chrome-headless

Testing https://beta.gouv.fr ... please wait, this may take a minute.

  Violation of "meta-viewport" with 1 occurrences!
    Ensures <meta name="viewport"> does not disable text scaling and zooming. Correct invalid elements at:
     - meta[name="viewport"]
    For details, see: https://dequeuniversity.com/rules/axe/4.9/meta-viewport

  Violation of "region" with 3 occurrences!
    Ensures all page content is contained by landmarks. Correct invalid elements at:
     - .fr-follow__newsletter > .fr-h5
     - .fr-text--sm
     - .fr-follow > .fr-container > .fr-grid-row > .fr-col-md-4.fr-col-12
    For details, see: https://dequeuniversity.com/rules/axe/4.9/region

4 Accessibility issues detected.
Testing complete of 1 pages

Please note that only 20% to 50% of all accessibility issues can automatically be detected. 
Manual testing is always required. For more information see:
https://dequeuniversity.com/curriculum/courses/testingmethods

github-actions[bot] avatar Apr 03 '24 21:04 github-actions[bot]

Trop cool ! Quelques questions :

  • ça teste toutes les pages ?
  • à quel moment ? au moment d'une PR, avant de déployer ? ou en local ?
  • y a un display quelque part de l'évolution ? (question purement pas curiosité, c'était pas du tout dans la demande)

astranchet avatar May 21 '24 08:05 astranchet

ça teste toutes les pages ?

avec axe-core on peut crawler une URL ou cibler certaines pages. (idéalement il ne faudrait cibler que les pages modifiées mais c'est pas évident à deviner.)

à quel moment ? au moment d'une PR, avant de déployer ? ou en local ?

Ca doit être à minima sur la PR via un environnement de "review" mais on peut régler comme on veut

y a un display quelque part de l'évolution ? (question purement pas curiosité, c'était pas du tout dans la demande)

non :)

Je testerai bien cette piste sinon : https://pragmaticpineapple.com/deploying-and-configuring-lightouse-ci-server/

revolunet avatar May 21 '24 08:05 revolunet