Axe accessibility testing #8
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
name: Axe accessibility testing | |
on: | |
# if you want to run this on every push uncomment the following lines | |
# push: | |
# branches: | |
# - master | |
# - main | |
# pull_request: | |
# branches: | |
# - master | |
# - main | |
workflow_dispatch: | |
inputs: | |
url: | |
description: "URL to be checked (e.g.: blog/)" | |
required: false | |
env: | |
URL: "" | |
jobs: | |
check: | |
# available images: https://github.com/actions/runner-images#available-images | |
runs-on: ubuntu-latest | |
steps: | |
- name: Checkout 🛎️ | |
uses: actions/checkout@v4 | |
- name: Setup Ruby | |
uses: ruby/setup-ruby@v1 | |
with: | |
ruby-version: "3.2.2" | |
bundler-cache: true | |
- name: Update _config.yml ⚙️ | |
uses: fjogeleit/yaml-update-action@main | |
with: | |
commitChange: false | |
valueFile: "_config.yml" | |
changes: | | |
{ | |
"giscus.repo": "${{ github.repository }}", | |
"baseurl": "" | |
} | |
- name: Install and Build 🔧 | |
run: | | |
pip3 install --upgrade jupyter | |
export JEKYLL_ENV=production | |
bundle exec jekyll build --lsi | |
- name: Purge unused CSS 🧹 | |
run: | | |
npm install -g purgecss | |
purgecss -c purgecss.config.js | |
- name: Get Chromium version 🌐 | |
run: | | |
CHROMIUM_VERSION=$(wget -qO- https://googlechromelabs.github.io/chrome-for-testing/LATEST_RELEASE_STABLE | cut -d. -f1) | |
echo "Chromium version: $CHROMIUM_VERSION" | |
echo "CHROMIUM_VERSION=$CHROMIUM_VERSION" >> $GITHUB_ENV | |
- name: Setup Chrome 🌐 | |
id: setup-chrome | |
uses: browser-actions/setup-chrome@v1 | |
with: | |
chrome-version: ${{ env.CHROMIUM_VERSION }} | |
- name: Install chromedriver 🚗 | |
run: | | |
npm install -g chromedriver@$CHROMIUM_VERSION | |
- name: Run axe 🪓 | |
# https://github.com/dequelabs/axe-core-npm/tree/develop/packages/cli | |
run: | | |
npm install -g @axe-core/cli | |
npm install -g http-server | |
http-server _site/ & | |
axe --chromedriver-path $(npm root -g)/chromedriver/bin/chromedriver http://localhost:8080/${{ github.event.inputs.url || env.URL }} --load-delay=1500 --exit |