Fix: Make dropdown radio and checkbox icons clickable (#1590) - #1603

Process completed with exit code 1.

5) [mobile] › test/a11y/pages.spec.ts:28:5 › a11y › tutorial should not have any automatically detectable accessibility issues Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 155 - Array [] + Array [ + Object { + "description": "Ensure the order of headings is semantically correct", + "help": "Heading levels should only increase by one", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/heading-order?application=playwright", + "id": "heading-order", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h4 id=\"default-code\">Default Code</h4>", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#default-code", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h5>Tip</h5>", + "impact": "moderate", + "none": Array [], + "target": Array [ + ".callout.callout-note:nth-child(37) > h5", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h4 id=\"tip\">Tip</h4>", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#tip", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h5>Note</h5>", + "impact": "moderate", + "none": Array [], + "target": Array [ + ".callout.callout-note:nth-child(62) > h5", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h5>Note</h5>", + "impact": "moderate", + "none": Array [], + "target": Array [ + ".callout.callout-note:nth-child(82) > h5", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { +

4) [desktop] › test/a11y/pages.spec.ts:28:5 › a11y › reference class method should not have any automatically detectable accessibility issues Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 84 - Array [] + Array [ + Object { + "description": "Ensure links have discernible text", + "help": "Links must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/link-name?application=playwright", + "id": "link-name", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "has-visible-text", + "impact": "serious", + "message": "Element does not have text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "serious", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "serious", + "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-title", + "impact": "serious", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix all of the following: + Element is in tab order and does not have accessible text + + Fix any of the following: + Element does not have text that is visible to screen readers + aria-label attribute does not exist or is empty + aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty + Element has no title attribute", + "html": "<a href=\"/reference/#\" class=\"\"></a>", + "impact": "serious", + "none": Array [ + Object { + "data": null, + "id": "focusable-no-name", + "impact": "serious", + "message": "Element is in tab order and does not have accessible text", + "relatedNodes": Array [], + }, + ], + "target": Array [ + "a[href$=\"reference/#\"]", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag244", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.2.4.4", + "EN-9.4.1.2", + "ACT", + "RGAAv4", + "RGAA-6.2.1", + ], + }, + ] 31 | await page.goto(path); 32 | const accessibilityScanResults = await new AxeBuilder({ page }).analyze(); > 33 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 34 | }); 35 | } 36 | }); at /home/runner/work/p5.js-website/p5.js-website/test/a11y/pages.spec.ts:33:51

3) [desktop] › test/a11y/pages.spec.ts:28:5 › a11y › reference function should not have any automatically detectable accessibility issues Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 46 - Array [] + Array [ + Object { + "description": "Ensure landmarks are unique", + "help": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "main", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<main>", + "target": Array [ + "astro-island[uid=\"1GttvS\"] > .overflow-hidden.lg\\:flex-row.my-md > .ml-0.w-fit.gap-\\[20px\\] > div:nth-child(1) > div > iframe", + "main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<main class=\"relative\" id=\"main-content\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#main-content", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 31 | await page.goto(path); 32 | const accessibilityScanResults = await new AxeBuilder({ page }).analyze(); > 33 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 34 | }); 35 | } 36 | }); at /home/runner/work/p5.js-website/p5.js-website/test/a11y/pages.spec.ts:33:51

2) [desktop] › test/a11y/pages.spec.ts:28:5 › a11y › example should not have any automatically detectable accessibility issues Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 46 - Array [] + Array [ + Object { + "description": "Ensure landmarks are unique", + "help": "Landmarks should have a unique role or role/label/title (i.e. accessible name) combination", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/landmark-unique?application=playwright", + "id": "landmark-unique", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "accessibleText": null, + "role": "main", + }, + "id": "landmark-is-unique", + "impact": "moderate", + "message": "The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "relatedNodes": Array [ + Object { + "html": "<main><canvas id=\"defaultCanvas1\" class=\"p5Canvas\" width=\"720\" height=\"400\" style=\"width: 720px; height: 400px; touch-action: none;\"></canvas></main>", + "target": Array [ + "iframe", + "main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable", + "html": "<main class=\"relative\" id=\"main-content\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#main-content", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 31 | await page.goto(path); 32 | const accessibilityScanResults = await new AxeBuilder({ page }).analyze(); > 33 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 34 | }); 35 | } 36 | }); at /home/runner/work/p5.js-website/p5.js-website/test/a11y/pages.spec.ts:33:51

1) [desktop] › test/a11y/pages.spec.ts:28:5 › a11y › tutorial should not have any automatically detectable accessibility issues Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 155 - Array [] + Array [ + Object { + "description": "Ensure the order of headings is semantically correct", + "help": "Heading levels should only increase by one", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.12/heading-order?application=playwright", + "id": "heading-order", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h4 id=\"default-code\">Default Code</h4>", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#default-code", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h5>Tip</h5>", + "impact": "moderate", + "none": Array [], + "target": Array [ + ".callout.callout-note:nth-child(37) > h5", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h4 id=\"tip\">Tip</h4>", + "impact": "moderate", + "none": Array [], + "target": Array [ + "#tip", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h5>Note</h5>", + "impact": "moderate", + "none": Array [], + "target": Array [ + ".callout.callout-note:nth-child(62) > h5", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "heading-order", + "impact": "moderate", + "message": "Heading order invalid", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Heading order invalid", + "html": "<h5>Note</h5>", + "impact": "moderate", + "none": Array [], + "target": Array [ + ".callout.callout-note:nth-child(82) > h5", + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { +

Node.js 20 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/upload-artifact@v4. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/