docs(project): record T2-T4 done + security review (SECURE_WITH_NOTES) #1477
main.yml
on: push
Lint
25s
Check Formatting
30s
Build and Publish
0s
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
|
|