Update Reference Screenshots #1665
liamdebeasiupdate-screenshots.yml
on: workflow_dispatch
build-core
1m 34s
Matrix: test-core-screenshot
update-reference-screenshots
0s
Annotations
77 errors and 20 notices
|
[Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
1) [Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
[Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
1) [Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
[Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
1) [Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
test-core-screenshot (20, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
test-core-screenshot (7, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
[Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
[Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
test-core-screenshot (11, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
1) [Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
1) [Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
1) [Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 97
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-outline",
+ "span",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 97
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-outline",
+ "span",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 97
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-outline",
+ "span",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+
|
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
[Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
[Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
test-core-screenshot (18, 20)
Process completed with exit code 1.
|
|
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
[Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
[Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
test-core-screenshot (6, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
test-core-screenshot (19, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
3) [Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
3) [Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
3) [Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
4) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 97
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-outline",
+ "span",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "
|
|
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts:
src/components/toast/test/a11y/toast.e2e.ts#L30
1) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
28 |
29 | const results = await new AxeBuilder({ page }).analyze();
> 30 | expect(results.violations).toEqual([]);
| ^
31 | });
32 |
33 | test('should not have any axe violations with controller toasts', async ({ page }) => {
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:30:34
|
|
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts:
src/components/toast/test/a11y/toast.e2e.ts#L70
2) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 62
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#0d0d0d",
+ "contrastRatio": 3.18,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">",
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-wrapper",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.18 (foreground color: #0054e9, background color: #0d0d0d, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"toast-button-inner\">OK</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "#ion-overlay-1",
+ ".toast-button-inner",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
68 |
69 | const results = await new AxeBuilder({ page }).analyze();
> 70 | expect(results.violations).toEqual([]);
| ^
71 | });
72 | });
73 | });
at /ionic/src/components/toast/test/a11y/toast.e2e.ts:70:34
|
|
[Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
[Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
[Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/a11y/typography.e2e.ts:56:34
|
|
test-core-screenshot (13, 20)
Process completed with exit code 1.
|
|
[Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
[Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
[Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations:
src/components/router-link/test/a11y/router-link.e2e.ts#L23
1) [Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 67
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <ion-router-link href=\"#\" class=\"ios ion-activatable hydrated\">Router Link</ion-router-link>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\"><slot></slot></a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-router-link",
+ "a",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
21 | const results = await new AxeBuilder({ page }).analyze();
22 |
> 23 | expect(results.violations).toEqual([]);
| ^
24 | });
25 | });
26 | });
at /ionic/src/components/router-link/test/a11y/router-link.e2e.ts:23:34
|
|
test-core-screenshot (5, 20)
Process completed with exit code 1.
|
|
[Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined:
src/components/action-sheet/test/a11y/action-sheet.e2e.ts#L67
1) [Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"action-sheet-group sc-ion-action-sheet-ios\">",
+ "target": Array [
+ ".action-sheet-group",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 15.0pt (20px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"action-sheet-button-inner sc-ion-action-sheet-ios\">Confirm</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
65 |
66 | const results = await new AxeBuilder({ page }).analyze();
> 67 | expect(results.violations).toEqual([]);
| ^
68 | });
69 | });
70 | });
at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:67:34
|
|
[Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined:
src/components/alert/test/a11y/alert.e2e.ts#L55
2) [Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 56
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#1a1a1a",
+ "contrastRatio": 2.85,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<div class=\"alert-wrapper ion-overlay-wrapper sc-ion-alert-ios\">",
+ "target": Array [
+ ".alert-wrapper",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.85 (foreground color: #0054e9, background color: #1a1a1a, font size: 12.8pt (17px), font weight: bold). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"alert-button-inner sc-ion-alert-ios\">OK</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "span",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
53 |
54 | const results = await new AxeBuilder({ page }).analyze();
> 55 | expect(results.violations).toEqual([]);
| ^
56 | });
57 | });
58 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:55:34
|
|
[Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
3) [Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
3) [Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/back-button/test/a11y/back-button.e2e.ts#L25
3) [Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span part=\"text\" aria-hidden=\"true\" class=\"button-text\">Back</span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ "ion-back-button",
+ ".button-text",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
23 |
24 | const results = await new AxeBuilder({ page }).analyze();
> 25 | expect(results.violations).toEqual([]);
| ^
26 | });
27 | });
28 | });
at /ionic/src/components/back-button/test/a11y/back-button.e2e.ts:25:34
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
4) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 97
- Array []
+ Array [
+ Object {
+ "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
+ "help": "Elements must meet minimum color contrast ratio thresholds",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.8/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-outline",
+ "span",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
336 skipped
105 passed (1.4m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
10 skipped
178 passed (2.0m)
|
|
🎭 Playwright Run Summary
472 passed (2.9m)
|
|
🎭 Playwright Run Summary
2 skipped
434 passed (3.2m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
7 skipped
439 passed (3.3m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
1 skipped
445 passed (3.7m)
|
|
🎭 Playwright Run Summary
2 skipped
443 passed (3.8m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
10 skipped
425 passed (4.8m)
|
|
🎭 Playwright Run Summary
3 failed
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
[Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
325 skipped
376 passed (4.9m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
4 skipped
420 passed (5.0m)
|
|
🎭 Playwright Run Summary
4 failed
[Mobile Safari] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
[Mobile Safari] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
[Mobile Safari] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
14 skipped
333 passed (5.1m)
|
|
🎭 Playwright Run Summary
6 skipped
424 passed (5.3m)
|
|
🎭 Playwright Run Summary
3 skipped
422 passed (5.4m)
|
|
🎭 Playwright Run Summary
3 failed
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:7:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with inline toasts
[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:33:9 › toast: Axe testing - ios/ltr/dark › should not have any axe violations with controller toasts
[Mobile Chrome] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
521 passed (5.5m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - ios/ltr/dark › should not have accessibility violations
6 skipped
430 passed (5.7m)
|
|
🎭 Playwright Run Summary
9 skipped
444 passed (5.9m)
|
|
🎭 Playwright Run Summary
2 skipped
441 passed (6.2m)
|
|
🎭 Playwright Run Summary
4 failed
[Mobile Firefox] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:45:9 › action-sheet: Axe testing - ios/ltr/dark › should not have accessibility violations when header is defined
[Mobile Firefox] › src/components/alert/test/a11y/alert.e2e.ts:33:9 › alert: Axe testing - ios/ltr/dark › should not have accessibility violations when header and message are defined
[Mobile Firefox] › src/components/back-button/test/a11y/back-button.e2e.ts:10:9 › back-button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
4 skipped
439 passed (6.3m)
|
|
🎭 Playwright Run Summary
5 skipped
453 passed (6.7m)
|
|
🎭 Playwright Run Summary
4 skipped
468 passed (7.1m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
ionic-core
Expired
|
4.65 MB |
|
|
test-results-1-20
Expired
|
19.6 MB |
|
|
test-results-10-20
Expired
|
446 KB |
|
|
test-results-11-20
Expired
|
5.36 MB |
|
|
test-results-12-20
Expired
|
376 KB |
|
|
test-results-13-20
Expired
|
14.9 MB |
|
|
test-results-14-20
Expired
|
19.5 MB |
|
|
test-results-15-20
Expired
|
383 KB |
|
|
test-results-16-20
Expired
|
411 KB |
|
|
test-results-17-20
Expired
|
471 KB |
|
|
test-results-18-20
Expired
|
5.34 MB |
|
|
test-results-19-20
Expired
|
10.2 MB |
|
|
test-results-2-20
Expired
|
424 KB |
|
|
test-results-20-20
Expired
|
5.21 MB |
|
|
test-results-3-20
Expired
|
405 KB |
|
|
test-results-4-20
Expired
|
434 KB |
|
|
test-results-5-20
Expired
|
5.36 MB |
|
|
test-results-6-20
Expired
|
15 MB |
|
|
test-results-7-20
Expired
|
10 MB |
|
|
test-results-8-20
Expired
|
10 MB |
|
|
test-results-9-20
Expired
|
383 KB |
|