yalelibrary / YUL-DC

Preliminary issue tracking for Yale University Libraries Digital Collections project
3 stars 0 forks source link

SPIKE: include Lighthouse Accessibility test in CI #315

Closed mark-dce closed 4 years ago

mark-dce commented 4 years ago

STORY As a repository owner, I'm concerned that my site's accessibility doesn't degrade with new features, so I would like to be able to monitor accessibility statistics and have the system alert me if they show any decline as new code is added to the project.

Main lighthouse site https://developers.google.com/web/tools/lighthouse

See #314 for more details about lighthouse.

ACCEPTANCE

DraxIndustries79 commented 4 years ago

Note: Rob Kaufman mentioned he may know some tools to do this

FCRodriguez7 commented 4 years ago

Resources for understanding this work

https://github.com/dequelabs/axe-matchers

https://github.com/accesslint/accesslint-ci

https://thoughtbot.com/blog/introducing-accesslint-web-accessibility-testing-in-ci

https://www.peterkrantz.com/2006/accessibility-in-rails-with-raakt/

https://developers.google.com/web/tools/lighthouse

FCRodriguez7 commented 4 years ago

I also ran axe an accessibility tool used by Yale. The results for axe are here. There's a [ruby gem for axe] (https://github.com/dequelabs/axe-matchers). And an article on how to implement the axe gem.

FCRodriguez7 commented 4 years ago

I added the appropriate gems and code to generate RSpec accessibility testing for demoing a part of the code with accessibility errors.

PR: https://github.com/yalelibrary/yul-dc-blacklight/pull/171

Screen Shot of Terminal Screen Shot 2020-07-14 at 10.39.05 AM.png Screen Shot 2020-07-14 at 10.41.22 AM.png

PDF of Screen Shot https://app.zenhub.com/files/242185115/6f293e1e-40d8-4b95-a62f-e155a063e510/download

FCRodriguez7 commented 4 years ago

The test was made pending for the branch to pass other CI.

Screen Shot 2020-07-14 at 11.21.08 AM.pngScreen Shot 2020-07-14 at 11.21.34 AM.png