Skip to content

docs(project): record T2-T4 done + security review (SECURE_WITH_NOTES) #1477

docs(project): record T2-T4 done + security review (SECURE_WITH_NOTES)

docs(project): record T2-T4 done + security review (SECURE_WITH_NOTES) #1477

Triggered via push June 15, 2026 18:08
Status Failure
Total duration 18m 6s
Artifacts 1

main.yml

on: push
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 4 warnings, and 1 notice
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › button--color-button: packages/design-system/tests/a11y/stories.spec.ts#L48
5) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › button--color-button ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: button-name (critical): Buttons must have discernible text expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 95 - Array [] + Array [ + Object { + "description": "Ensure buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner 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 + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-slot=\"button\" class=\"text-base inline-fle...\" type=\"button\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "button", + ], + }, + ], + "tags": Array [ + "cat.name-role-v
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › button--color-button: packages/design-system/tests/a11y/stories.spec.ts#L48
5) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › button--color-button ────────── Error: button-name (critical): Buttons must have discernible text expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 95 - Array [] + Array [ + Object { + "description": "Ensure buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner 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 + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-slot=\"button\" class=\"text-base inline-fle...\" type=\"button\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "button", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + "ACT", + "RGAAv4", + "RGAA-11.9.1", +
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--uppercase-only: packages/design-system/tests/a11y/stories.spec.ts#L48
4) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--uppercase-only Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: button-name (critical): Buttons must have discernible text label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 190 - Array [] + Array [ + Object { + "description": "Ensure buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner 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 + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-state=\"closed\" data-slot=\"tooltip-trigger\" class=\"text-start h-full\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "button", + ], + }, + ],
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--uppercase-only: packages/design-system/tests/a11y/stories.spec.ts#L48
4) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--uppercase-only Error: button-name (critical): Buttons must have discernible text label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 190 - Array [] + Array [ + Object { + "description": "Ensure buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner 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 + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-state=\"closed\" data-slot=\"tooltip-trigger\" class=\"text-start h-full\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "button", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + "ACT",
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--tooltip: packages/design-system/tests/a11y/stories.spec.ts#L48
3) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--tooltip Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: button-name (critical): Buttons must have discernible text label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 190 - Array [] + Array [ + Object { + "description": "Ensure buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner 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 + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-state=\"closed\" data-slot=\"tooltip-trigger\" class=\"text-start h-full\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "button", + ], + }, + ], +
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--tooltip: packages/design-system/tests/a11y/stories.spec.ts#L48
3) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--tooltip Error: button-name (critical): Buttons must have discernible text label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 190 - Array [] + Array [ + Object { + "description": "Ensure buttons have discernible text", + "help": "Buttons must have discernible text", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/button-name?application=playwright", + "id": "button-name", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "button-has-visible-text", + "impact": "critical", + "message": "Element does not have inner text that is visible to screen readers", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have inner 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 + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<button data-state=\"closed\" data-slot=\"tooltip-trigger\" class=\"text-start h-full\">", + "impact": "critical", + "none": Array [], + "target": Array [ + "button", + ], + }, + ], + "tags": Array [ + "cat.name-role-value", + "wcag2a", + "wcag412", + "section508", + "section508.22.a", + "TTv5", + "TT6.a", + "EN-301-549", + "EN-9.4.1.2", + "ACT", +
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--styled: packages/design-system/tests/a11y/stories.spec.ts#L48
2) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--styled Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 97 - Array [] + Array [ + Object { + "description": "Ensure every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-placeholder", + "impact": "critical", + "message": "Element has no placeholder attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + 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 + Element has no placeholder attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<input autocomplete=\"one-time-code\" data-slot=\"input-otp\" class=\"disabled:cursor-not-...\" data-input-otp=\"true\" data-input-otp-place...=\"true\" inputmode=\"text\" pattern=\"[A-Za-z0-9]*\" maxlength=\"9\" value=\"\" style=\"position: absolute; ...\" data-input-otp-mss=\"0\" data-input-otp-mse=\"0\">", + "impact": "critical"
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--styled: packages/design-system/tests/a11y/stories.spec.ts#L48
2) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--styled Error: label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 97 - Array [] + Array [ + Object { + "description": "Ensure every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-placeholder", + "impact": "critical", + "message": "Element has no placeholder attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + 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 + Element has no placeholder attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<input autocomplete=\"one-time-code\" data-slot=\"input-otp\" class=\"disabled:cursor-not-...\" data-input-otp=\"true\" data-input-otp-place...=\"true\" inputmode=\"text\" pattern=\"[A-Za-z0-9]*\" maxlength=\"9\" value=\"\" style=\"position: absolute; ...\">", + "impact": "critical", + "none": Array [], + "target": Array [ + ".disabled\\:cursor-not-allowed", + ], + }, + ], + "tags": Array [ + "cat.forms", + "wcag2a", + "wcag412", + "section508", + "section508.22.n", +
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--default: packages/design-system/tests/a11y/stories.spec.ts#L48
1) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--default Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 97 - Array [] + Array [ + Object { + "description": "Ensure every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-placeholder", + "impact": "critical", + "message": "Element has no placeholder attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + 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 + Element has no placeholder attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<input autocomplete=\"one-time-code\" data-slot=\"input-otp\" class=\"disabled:cursor-not-...\" data-input-otp=\"true\" data-input-otp-place...=\"true\" inputmode=\"text\" pattern=\"[A-Za-z0-9]*\" maxlength=\"6\" value=\"\" style=\"position: absolute; ...\" data-input-otp-mss=\"0\" data-input-otp-mse=\"0\">", + "impact": "critical
[chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--default: packages/design-system/tests/a11y/stories.spec.ts#L48
1) [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--default Error: label (critical): Form elements must have labels expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 97 - Array [] + Array [ + Object { + "description": "Ensure every form element has a label", + "help": "Form elements must have labels", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/label?application=playwright", + "id": "label", + "impact": "critical", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": null, + "id": "implicit-label", + "impact": "critical", + "message": "Element does not have an implicit (wrapped) <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "explicit-label", + "impact": "critical", + "message": "Element does not have an explicit <label>", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-label", + "impact": "critical", + "message": "aria-label attribute does not exist or is empty", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "aria-labelledby", + "impact": "critical", + "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": "critical", + "message": "Element has no title attribute", + "relatedNodes": Array [], + }, + Object { + "data": Object { + "messageKey": "noAttr", + }, + "id": "non-empty-placeholder", + "impact": "critical", + "message": "Element has no placeholder attribute", + "relatedNodes": Array [], + }, + Object { + "data": null, + "id": "presentational-role", + "impact": "critical", + "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "relatedNodes": Array [], + }, + ], + "failureSummary": "Fix any of the following: + Element does not have an implicit (wrapped) <label> + Element does not have an explicit <label> + 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 + Element has no placeholder attribute + Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"", + "html": "<input autocomplete=\"one-time-code\" data-slot=\"input-otp\" class=\"disabled:cursor-not-...\" data-input-otp=\"true\" data-input-otp-place...=\"true\" inputmode=\"text\" pattern=\"[A-Za-z0-9]*\" maxlength=\"6\" value=\"\" style=\"position: absolute; ...\">", + "impact": "critical", + "none": Array [], + "target": Array [ + ".disabled\\:cursor-not-allowed", + ], + }, + ], + "tags": Array [ + "cat.forms", + "wcag2a", + "wcag412", + "section508", + "section508.22.n", +
Lint
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v3, actions/setup-node@v3, pnpm/action-setup@v4. Actions will be forced to run with Node.js 24 by default starting June 16th, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
Check Types
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v3, actions/setup-node@v3, pnpm/action-setup@v4. Actions will be forced to run with Node.js 24 by default starting June 16th, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
Check Formatting
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v3, actions/setup-node@v3, pnpm/action-setup@v4. Actions will be forced to run with Node.js 24 by default starting June 16th, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
Test
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v3, actions/setup-node@v3, actions/upload-artifact@v4, pnpm/action-setup@v4. Actions will be forced to run with Node.js 24 by default starting June 16th, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
🎭 Playwright Run Summary
296 failed [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--default [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--styled [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--tooltip [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › alpha-numeric-pin-field--uppercase-only [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › button--color-button ─────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › button--icon ─────────────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › checkbox--content ────────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › checkbox--disabled ───────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › checkbox--labelled ───────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › checkbox--partial ────────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › checkbox--sizes ──────────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › collapsible--buttons ─────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › collapsible--default ─────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › collapsible--primary-secondary ─ [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › collapsible--simple ──────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › collapsible--styled ──────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › color-picker--custom-text ────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › color-picker--disabled ───────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › color-picker--label ──────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › color-picker--position ───────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › color-picker--styled ─────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › command--default ─────────────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › date-picker--small-label ─────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › datetime-picker--error ───────── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-alpha-numeric-pin-field--large-label [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-alpha-numeric-pin-field--styled [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-alpha-numeric-pin-field--uppercase-only [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-alpha-numeric-pin-field--validation [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-color-picker--custom-presets [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-color-picker--default ─── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-color-picker--disabled ── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-color-picker--label ───── [chromium] › tests/a11y/stories.spec.ts:26:7 › a11y (neutral) › formik-color-picker--validation [chromium] › test

Artifacts

Produced during runtime
Name Size Digest
playwright-report Expired
317 MB
sha256:5d499d0bdc05f385837683e2d0c96ebfcfa0f09f5bfc15a0d7f69bc46aa9cfc8