Update Reference Screenshots #1663
liamdebeasiupdate-screenshots.yml
on: workflow_dispatch
build-core
1m 35s
Matrix: test-core-screenshot
update-reference-screenshots
0s
Annotations
119 errors and 20 notices
|
[Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
1) [Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
1) [Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
1) [Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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/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
2) [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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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
2) [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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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
2) [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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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
3) [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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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
3) [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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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
3) [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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
2) [Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+
|
|
[Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
2) [Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Arr
|
|
[Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
2) [Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Arr
|
|
test-core-screenshot (12, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/a11y/typography.e2e.ts#L56
3) [Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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",
+ "s
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L47
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
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": "#176bff",
+ "contrastRatio": 3.59,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#1f1f1f",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<button type=\"button\" class=\"button-native\" part=\"native\"><span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span><ion-ripple-effect role=\"presentation\" class=\"md hydrated\"></ion-ripple-effect></button>",
+ "target": Array [
+ Array [
+ "ion-button",
+ "button",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), 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 [
+ "ion-button",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
45 |
46 | const results = await new AxeBuilder({ page }).analyze();
> 47 | expect(results.violations).toEqual([]);
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/button/test/a11y/button.e2e.ts:47:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L47
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
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": "#176bff",
+ "contrastRatio": 3.59,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#1f1f1f",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<button type=\"button\" class=\"button-native\" part=\"native\"><span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span><ion-ripple-effect role=\"presentation\" class=\"md hydrated\"></ion-ripple-effect></button>",
+ "target": Array [
+ Array [
+ "ion-button",
+ "button",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), 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 [
+ "ion-button",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
45 |
46 | const results = await new AxeBuilder({ page }).analyze();
> 47 | expect(results.violations).toEqual([]);
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/button/test/a11y/button.e2e.ts:47:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L47
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
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": "#176bff",
+ "contrastRatio": 3.59,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#1f1f1f",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<button type=\"button\" class=\"button-native\" part=\"native\"><span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span><ion-ripple-effect role=\"presentation\" class=\"md hydrated\"></ion-ripple-effect></button>",
+ "target": Array [
+ Array [
+ "ion-button",
+ "button",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), 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 [
+ "ion-button",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
45 |
46 | const results = await new AxeBuilder({ page }).analyze();
> 47 | expect(results.violations).toEqual([]);
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/button/test/a11y/button.e2e.ts:47:34
|
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
1) [Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
[Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
1) [Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
[Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
1) [Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
test-core-screenshot (10, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+
|
|
[Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat
|
|
[Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat
|
|
test-core-screenshot (9, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
1) [Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+
|
|
[Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
1) [Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Arr
|
|
[Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
1) [Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Arr
|
|
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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
3) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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",
+ "s
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
3) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
3) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 Safari] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L47
4) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
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": "#176bff",
+ "contrastRatio": 3.59,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#1f1f1f",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<button type=\"button\" class=\"button-native\" part=\"native\"><span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span><ion-ripple-effect role=\"presentation\" class=\"md hydrated\"></ion-ripple-effect></button>",
+ "target": Array [
+ Array [
+ "ion-button",
+ "button",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), 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 [
+ "ion-button",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
45 |
46 | const results = await new AxeBuilder({ page }).analyze();
> 47 | expect(results.violations).toEqual([]);
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/button/test/a11y/button.e2e.ts:47:34
|
|
[Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Firefox] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Firefox] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Firefox] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Firefox] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Firefox] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
test-core-screenshot (5, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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=\"md 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 4.08 (foreground color: #176bff, background color: #121212, 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/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
[Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label class=\"sc-ion-label-md-h sc-ion-label-md-s md hydrated\"><!---->Bookmarks</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ ".segment-button-checked > ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
test-core-screenshot (18, 20)
Process completed with exit code 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:
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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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 - md/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 - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, 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/themes/test/colors/theme.e2e.ts:101:11 › theme - md/ltr/dark › contrast color on "primary" background tint should pass AA guidelines:
src/themes/test/colors/theme.e2e.ts#L111
4) [Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:101:11 › theme - md/ltr/dark › contrast color on "primary" background tint should pass AA guidelines
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": "#2e7aff",
+ "contrastRatio": 3.92,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#ffffff",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.92 (foreground color: #ffffff, background color: #2e7aff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.92 (foreground color: #ffffff, background color: #2e7aff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "p",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
109 |
110 | const results = await new AxeBuilder({ page }).analyze();
> 111 | expect(results.violations).toEqual([]);
| ^
112 | });
113 |
114 | test(`color "${color}" on 0.08 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/test/colors/theme.e2e.ts:111:36
|
|
[Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
|
|
[Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "ca
|
|
[Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "ca
|
|
[Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
2) [Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
[Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
2) [Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
[Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
2) [Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
test-core-screenshot (3, 20)
Process completed with exit code 1.
|
|
[Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
1) [Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+
|
|
[Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
1) [Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Ar
|
|
[Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/textarea/test/a11y/textarea.e2e.ts#L55
1) [Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-textarea-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-textarea-0\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Ar
|
|
[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
2) [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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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
2) [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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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
2) [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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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
3) [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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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
3) [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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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
3) [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": 4.24,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.24 (foreground color: #176bff, 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 4.24 (foreground color: #176bff, 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 (6, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+
|
|
[Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat
|
|
[Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations:
src/components/input/test/a11y/input.e2e.ts#L55
1) [Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 91
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-1\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, 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 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<div class=\"label-text sc-ion-input-md\">Label</div>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "label[for=\"ion-input-2\"] > .label-text-wrapper > .label-text",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat
|
|
test-core-screenshot (16, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "15.0pt (20px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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": 3.79,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "bold",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.79 (foreground color: #176bff, 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 3.79 (foreground color: #176bff, 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/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
3) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
3) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
3) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 4.08 (foreground color: #176bff, background color: #121212, font size: 10.5pt (14px), 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 Firefox] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L47
4) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
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": "#176bff",
+ "contrastRatio": 3.59,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#1f1f1f",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<button type=\"button\" class=\"button-native\" part=\"native\"><span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span><ion-ripple-effect role=\"presentation\" class=\"md hydrated\"></ion-ripple-effect></button>",
+ "target": Array [
+ Array [
+ "ion-button",
+ "button",
+ ],
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.59 (foreground color: #1f1f1f, background color: #176bff, font size: 10.5pt (14px), 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 [
+ "ion-button",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
45 |
46 | const results = await new AxeBuilder({ page }).analyze();
> 47 | expect(results.violations).toEqual([]);
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/button/test/a11y/button.e2e.ts:47:34
|
|
[Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
1) [Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
[Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
1) [Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
[Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused:
src/components/label/test/a11y/label.e2e.ts#L107
1) [Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 49
- 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": "#121212",
+ "contrastRatio": 4.08,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#176bff",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 4.08 (foreground color: #176bff, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<ion-label position=\"stacked\" class=\"sc-ion-label-md-h sc-ion-label-md-s md label-stacked hydrated\"><!---->Default Label</ion-label>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "ion-label",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
105 | const results = await new AxeBuilder({ page }).analyze();
106 |
> 107 | expect(results.violations).toEqual([]);
| ^
108 | });
109 | });
110 | });
at /ionic/src/components/label/test/a11y/label.e2e.ts:107:34
|
|
test-core-screenshot (17, 20)
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
3 failed
[Mobile Firefox] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags
[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
208 skipped
198 passed (2.5m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
[Mobile Chrome] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
2 skipped
427 passed (2.9m)
|
|
🎭 Playwright Run Summary
3 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
[Mobile Safari] › src/css/test/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags
210 skipped
208 passed (3.1m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Chrome] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - md/ltr/dark › should not have accessibility violations
7 skipped
417 passed (3.2m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
430 passed (3.5m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Chrome] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
390 passed (3.7m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Chrome] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
3 skipped
438 passed (3.5m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Safari] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
4 skipped
414 passed (4.6m)
|
|
🎭 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/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
14 skipped
301 passed (4.7m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Firefox] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - md/ltr/dark › should not have accessibility violations
[Mobile Firefox] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
7 skipped
419 passed (5.2m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Safari] › src/components/router-link/test/a11y/router-link.e2e.ts:7:9 › router-link: a11y - md/ltr/dark › should not have accessibility violations
[Mobile Safari] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
10 skipped
422 passed (5.2m)
|
|
🎭 Playwright Run Summary
18 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 - md/ltr/dark › should not have accessibility violations for anchor tags
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:101:11 › theme - md/ltr/dark › contrast color on "primary" background tint should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:114:11 › theme - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:127:11 › theme - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:140:11 › theme - md/ltr/dark › color "primary" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:101:11 › theme - md/ltr/dark › contrast color on "secondary" background tint should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:127:11 › theme - md/ltr/dark › color "secondary" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:140:11 › theme - md/ltr/dark › color "secondary" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:101:11 › theme - md/ltr/dark › contrast color on "tertiary" background tint should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:114:11 › theme - md/ltr/dark › color "tertiary" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:127:11 › theme - md/ltr/dark › color "tertiary" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:140:11 › theme - md/ltr/dark › color "tertiary" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:101:11 › theme - md/ltr/dark › contrast color on "danger" background tint should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:114:11 › theme - md/ltr/dark › color "danger" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:127:11 › theme - md/ltr/dark › color "danger" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/test/colors/theme.e2e.ts:140:11 › theme - md/ltr/dark › color "danger" on 0.16 opacity background should pass AA guidelines
507 passed (5.3m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Firefox] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
[Mobile Firefox] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
3 skipped
429 passed (5.3m)
|
|
🎭 Playwright Run Summary
3 failed
[Mobile Firefox] › src/components/textarea/test/a11y/textarea.e2e.ts:32:9 › textarea: a11y - md/ltr/dark › focused state should not have accessibility violations
[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
4 skipped
444 passed (5.5m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Safari] › src/components/input/test/a11y/input.e2e.ts:32:9 › input: a11y - md/ltr/dark › focused state should not have accessibility violations
2 skipped
417 passed (5.5m)
|
|
🎭 Playwright Run Summary
10 skipped
409 passed (5.8m)
|
|
🎭 Playwright Run Summary
3 skipped
413 passed (6.0m)
|
|
🎭 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/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:36:9 › button: a11y for ion-color() - md/ltr/dark › button in toolbar should not have accessibility violations
4 skipped
428 passed (5.9m)
|
|
🎭 Playwright Run Summary
2 skipped
428 passed (5.9m)
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Safari] › src/components/label/test/a11y/label.e2e.ts:89:9 › label: a11y for ion-color() - md/ltr/dark › should not have accessibility violations when focused
5 skipped
420 passed (7.2m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
ionic-core
Expired
|
4.64 MB |
|
|
test-results-1-20
Expired
|
19.6 MB |
|
|
test-results-10-20
Expired
|
5.36 MB |
|
|
test-results-11-20
Expired
|
5.35 MB |
|
|
test-results-12-20
Expired
|
10.1 MB |
|
|
test-results-13-20
Expired
|
84.8 MB |
|
|
test-results-14-20
Expired
|
19.5 MB |
|
|
test-results-15-20
Expired
|
369 KB |
|
|
test-results-16-20
Expired
|
5.41 MB |
|
|
test-results-17-20
Expired
|
5.41 MB |
|
|
test-results-18-20
Expired
|
10.1 MB |
|
|
test-results-19-20
Expired
|
5.36 MB |
|
|
test-results-2-20
Expired
|
400 KB |
|
|
test-results-20-20
Expired
|
14.8 MB |
|
|
test-results-3-20
Expired
|
10.1 MB |
|
|
test-results-4-20
Expired
|
447 KB |
|
|
test-results-5-20
Expired
|
10.1 MB |
|
|
test-results-6-20
Expired
|
15.1 MB |
|
|
test-results-7-20
Expired
|
14.7 MB |
|
|
test-results-8-20
Expired
|
10 MB |
|
|
test-results-9-20
Expired
|
5.39 MB |
|