chore(poc): add a new workflow for Pa11y CI #1162

csouchet · 2023-09-22T13:48:38Z

No description provided.

github-actions · 2023-09-22T13:50:03Z

🎊 PR Preview 5161419 has been successfully built and deployed to https://process-analytics-process-analytics-dev-site_preview-pr-1162.surge.sh

🕐 Build time: 94.25s

_{🤖 By surge-preview}

process-analytics-bot · 2023-09-22T14:16:47Z

♿️ Pa11y report

Audited website : https://process-analytics-process-analytics-dev-site_preview-pr-1162.surge.sh/

Running Pa11y on 1 URLs:

 > https://process-analytics-process-analytics-dev-site_preview-pr-1162.surge.sh/ - 21 errors

Errors in https://process-analytics-process-analytics-dev-site_preview-pr-1162.surge.sh/:

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 4.92:1. Recommendation:  change background to #060606.

   (#gatsby-focus-wrapper > main > div > div > div > div > div:nth-child(3) > a)

   <a class="MuiTypography-root MuiTypography-inherit MuiLink-root
   MuiLink-underlineNone MuiButtonBase-root MuiButton-root MuiButton-contained
   MuiButton-containedSecondary MuiButton-sizeMedium
   MuiButton-containedSizeMedium MuiButton-root MuiButton-conta...

 • The heading structure is not logically nested. This h5 element should be an
   h3 to be properly nested.

   (#libraries > div > div > div > div:nth-child(1) > div > div > div >
   div:nth-child(1) > div > div:nth-child(1) > h5)

   <h5 class="MuiTypography-root MuiTypography-h5
   css-fk5k8x">bpmn-visualization</h5>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#libraries > div > div > div > div:nth-child(1) > div > div > div >
   div:nth-child(1) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline
   css-187pqnf">TypeScript</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#libraries > div > div > div > div:nth-child(2) > div > div > div >
   div:nth-child(1) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">R</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#libraries > div > div > div > div:nth-child(3) > div > div > div >
   div:nth-child(1) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline
   css-187pqnf">Experimental</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#libraries > div > div > div > div:nth-child(4) > div > div > div >
   div:nth-child(1) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline
   css-187pqnf">Javascript</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#news > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">3 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#news > div > div > div:nth-child(1) > div:nth-child(2) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">3 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#news > div > div > div:nth-child(1) > div:nth-child(3) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">4 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#news > div > div > div:nth-child(1) > div:nth-child(4) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">2 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#news > div > div > div:nth-child(1) > div:nth-child(5) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">5 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#news > div > div > div:nth-child(1) > div:nth-child(6) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">4 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 4.92:1. Recommendation:  change background to #060606.

   (#news > div > div > div:nth-child(2) > a)

   <a class="MuiButtonBase-root MuiButton-root MuiButton-text
   MuiButton-textQuaternary MuiButton-sizeMedium MuiButton-textSizeMedium
   MuiButton-root MuiButton-text MuiButton-textQuaternary MuiButton-sizeMedium
   MuiButton-textSizeMedium css-jpjv08" tabinde...

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#blog > div > div > div:nth-child(1) > div:nth-child(1) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">8 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#blog > div > div > div:nth-child(1) > div:nth-child(2) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">8 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#blog > div > div > div:nth-child(1) > div:nth-child(3) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">6 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#blog > div > div > div:nth-child(1) > div:nth-child(4) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">3 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#blog > div > div > div:nth-child(1) > div:nth-child(5) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">12 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 1.84:1. Recommendation:  change text colour to #00664a.

   (#blog > div > div > div:nth-child(1) > div:nth-child(6) > div > div > a >
   div > div:nth-child(2) > div > div:nth-child(2) > span)

   <span class="MuiTypography-root MuiTypography-overline css-187pqnf">2 min
   read</span>

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 4.92:1. Recommendation:  change background to #060606.

   (#blog > div > div > div:nth-child(2) > a)

   <a class="MuiButtonBase-root MuiButton-root MuiButton-text
   MuiButton-textQuaternary MuiButton-sizeMedium MuiButton-textSizeMedium
   MuiButton-root MuiButton-text MuiButton-textQuaternary MuiButton-sizeMedium
   MuiButton-textSizeMedium css-jpjv08" tabinde...

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 7:1, but text in this element has a contrast
   ratio of 4.92:1. Recommendation:  change background to #060606.

   (#gatsby-focus-wrapper > main > section:nth-child(8) > div > div > div >
   div:nth-child(1) > form > div > div:nth-child(2) > button)

   <button class="MuiButtonBase-root MuiButton-root MuiButton-contained
   MuiButton-containedSecondary MuiButton-sizeMedium
   MuiButton-containedSizeMedium MuiButton-root MuiButton-contained
   MuiButton-containedSecondary MuiButton-sizeMedium MuiButton-contai...

✘ 0/1 URLs passed

This report has been generated using pa11y-ci.

csouchet · 2023-10-12T14:10:28Z

To be reopened if we want to implement #1180

Add Pa11y CI workflow

5161419

csouchet added the chore Build, CI/CD or repository tasks (issues/PR maintenance, environments, ...) label Sep 22, 2023

csouchet mentioned this pull request Sep 22, 2023

[POC] Add workflows for accessibility #852

Closed

csouchet mentioned this pull request Oct 12, 2023

[INFRA] Add a workflow to check the accessibility of the website from the preview of a PR #1180

Open

csouchet closed this Oct 12, 2023

csouchet deleted the poc/Pa11y_CI branch October 12, 2023 14:10

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(poc): add a new workflow for Pa11y CI #1162

chore(poc): add a new workflow for Pa11y CI #1162

csouchet commented Sep 22, 2023

github-actions bot commented Sep 22, 2023 •

edited

Loading

process-analytics-bot commented Sep 22, 2023

csouchet commented Oct 12, 2023

chore(poc): add a new workflow for Pa11y CI #1162

chore(poc): add a new workflow for Pa11y CI #1162

Conversation

csouchet commented Sep 22, 2023

github-actions bot commented Sep 22, 2023 • edited Loading

process-analytics-bot commented Sep 22, 2023

♿️ Pa11y report

csouchet commented Oct 12, 2023

github-actions bot commented Sep 22, 2023 •

edited

Loading