1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

4) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34