Bump pa11y-ci from 2.42.0 to 3.0.1

[julien-deramond]

With this new version of pa11y-ci, the axe-core version has been bumped from 3.5.6 to 4.3.5 as well.
It means that there are new errors (more than 400 😱) tracked by aXe (via pa11y) on Boosted.

It is needed to:

• analyze all the new errors
• fix them if needed or hide them from the pa11y analysis in the hiddenElements configuration

Deployed version of Boosted: https://deploy-preview-938--boosted.netlify.app/
Pa11y HTML report:

• Downloadable from here: https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/actions/runs/1614661530
• Direct link: https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/suites/4744225539/artifacts/131168298

Example with the first new error

URL: http://localhost:9001/docs/5.1/getting-started/accessibility/

• Elements must have sufficient color contrast (https://dequeuniversity.com/rules/axe/4.3/color-contrast?application=axeAPI)

(html > body > div:nth-child(6) > main > div:nth-child(3) > p:nth-child(3) > a:nth-child(1))

<abbr title="Web Content Access...

✘ 0/1 URLs passed

It is confirmed by the Firefox browser extension:

Reviewers

Checkout this main-jd-bump-pa11y-ci branch.
Run npm i.
Run npm run start in one console.
Run npm run docs-pa11y in another console once the start is done.

[julien-deramond]

⚠️ Executing axe DevTools Firefox extension on Ubuntu and macOS gives different results. For example, the 1st error mentioned in the description doesn't appear in the results under macOS...
axe DevTools Firefox extension on Ubuntu seems closer to the pa11y-ci results; seems logical because the GitHub workflows are executed in an Ubuntu env.

The same behavior than macOS is observed with Windows at Orange (less results than with Ubuntu).

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	3f2b8a0
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/63908700a49d8b00090bc02b
😎 Deploy Preview	https://deploy-preview-938--boosted.netlify.app/docs/5.2/migration
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[julien-deramond]

For future selves. As a reminder.

Rendering of pa11y tests locally when everything's OK

Rendering of pa11y tests locally with errors

(for example if we remove a rule that hides some use cases)

While running

At the end

Rendering of pa11y-ci tests via GitHub actions with errors

While running

At the end

And in "Summary"

[Aniort]

ok on my side

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[julien-deramond]

Good job @louismaximepiton 💪
Haven't checked the a11y content in details since already done by Vincent.
LGTM! Mergin' it! 🚀
Please modify https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/wiki/Docs-accessibility-issues with the new rules and explanations. And then rebase #1677. You can also create PRs for Bootstrap if not already done.