",
"nodeLabel": "Open",
"explanation": "Fix all of the following:\n aria-label attribute cannot be used on a div with no valid role attribute."
}
}
],
"debugData": {
"type": "debugdata",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2",
"RGAAv4",
"RGAA-7.1.1"
]
}
}
},
"aria-required-attr": {
"id": "aria-required-attr",
"title": "`[role]`s have all required `[aria-*]` attributes",
"description": "Some ARIA roles have required attributes that describe the state of the element to screen readers. [Learn more about roles and required attributes](https://dequeuniversity.com/rules/axe/4.11/aria-required-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-required-children": {
"id": "aria-required-children",
"title": "Elements with an ARIA `[role]` that require children to contain a specific `[role]` have all required children.",
"description": "Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions. [Learn more about roles and required children elements](https://dequeuniversity.com/rules/axe/4.11/aria-required-children).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-required-parent": {
"id": "aria-required-parent",
"title": "`[role]`s are contained by their required parent element",
"description": "Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions. [Learn more about ARIA roles and required parent element](https://dequeuniversity.com/rules/axe/4.11/aria-required-parent).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-roles": {
"id": "aria-roles",
"title": "`[role]` values are valid",
"description": "ARIA roles must have valid values in order to perform their intended accessibility functions. [Learn more about valid ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-roles).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-text": {
"id": "aria-text",
"title": "Elements with the `role=text` attribute do not have focusable descendents.",
"description": "Adding `role=text` around a text node split by markup enables VoiceOver to treat it as one phrase, but the element's focusable descendents will not be announced. [Learn more about the `role=text` attribute](https://dequeuniversity.com/rules/axe/4.11/aria-text).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-toggle-field-name": {
"id": "aria-toggle-field-name",
"title": "ARIA toggle fields have accessible names",
"description": "When a toggle field doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about toggle fields](https://dequeuniversity.com/rules/axe/4.11/aria-toggle-field-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-tooltip-name": {
"id": "aria-tooltip-name",
"title": "ARIA `tooltip` elements have accessible names",
"description": "When a tooltip element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to name `tooltip` elements](https://dequeuniversity.com/rules/axe/4.11/aria-tooltip-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-treeitem-name": {
"id": "aria-treeitem-name",
"title": "ARIA `treeitem` elements have accessible names",
"description": "When a `treeitem` element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn more about labeling `treeitem` elements](https://dequeuniversity.com/rules/axe/4.11/aria-treeitem-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-valid-attr-value": {
"id": "aria-valid-attr-value",
"title": "`[aria-*]` attributes have valid values",
"description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid values. [Learn more about valid values for ARIA attributes](https://dequeuniversity.com/rules/axe/4.11/aria-valid-attr-value).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-valid-attr": {
"id": "aria-valid-attr",
"title": "`[aria-*]` attributes are valid and not misspelled",
"description": "Assistive technologies, like screen readers, can't interpret ARIA attributes with invalid names. [Learn more about valid ARIA attributes](https://dequeuniversity.com/rules/axe/4.11/aria-valid-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"button-name": {
"id": "button-name",
"title": "Buttons have an accessible name",
"description": "When a button doesn't have an accessible name, screen readers announce it as \"button\", making it unusable for users who rely on screen readers. [Learn how to make buttons more accessible](https://dequeuniversity.com/rules/axe/4.11/button-name).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"bypass": {
"id": "bypass",
"title": "The page contains a heading, skip link, or landmark region",
"description": "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more about bypass blocks](https://dequeuniversity.com/rules/axe/4.11/bypass).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"color-contrast": {
"id": "color-contrast",
"title": "Background and foreground colors do not have a sufficient contrast ratio.",
"description": "Low-contrast text is difficult or impossible for many users to read. [Learn how to provide sufficient color contrast](https://dequeuniversity.com/rules/axe/4.11/color-contrast).",
"score": 0,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": [
{
"node": {
"type": "node",
"lhId": "1-1-SPAN",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,3,MAIN,0,DIV,0,DIV,0,DIV,5,SECTION,0,DIV,2,DIV,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,1,P,0,SPAN",
"selector": "div > div.--th-dark > p.text-slate-300 > span",
"boundingRect": {
"top": 4070,
"bottom": 4088,
"left": 32,
"right": 238,
"width": 206,
"height": 18
},
"snippet": "
",
"nodeLabel": "TRUST OUR SKAN EXPERTISE",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.71 (foreground color: #8c97c4, background color: #f2faff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"type": "node",
"lhId": "1-2-SECTION",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,3,MAIN,0,DIV,0,DIV,0,DIV,5,SECTION",
"selector": "div.app__wrapper > div.app__content > div > section.bg-azure-50",
"boundingRect": {
"top": 3746,
"bottom": 4533,
"left": 0,
"right": 412,
"width": 412,
"height": 787
},
"snippet": "",
"nodeLabel": "TRUST OUR SKAN EXPERTISE\n\nYour trusted partner in SKAN innovation\n\nConfidently …"
}
}
]
}
},
{
"node": {
"type": "node",
"lhId": "1-3-SPAN",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,3,MAIN,0,DIV,0,DIV,0,DIV,6,SECTION,0,DIV,1,DIV,1,P,0,SPAN",
"selector": "div.m:pt-4xl > div.--th-dark > p.text-slate-300 > span",
"boundingRect": {
"top": 4597,
"bottom": 4615,
"left": 106,
"right": 306,
"width": 199,
"height": 18
},
"snippet": "",
"nodeLabel": "LEARN FROM OUR EXPERTS",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.86 (foreground color: #8c97c4, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
}
}
],
"debugData": {
"type": "debugdata",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT",
"RGAAv4",
"RGAA-3.2.1"
]
}
}
},
"definition-list": {
"id": "definition-list",
"title": "``'s contain only properly-ordered `- ` and `
- ` groups, `
![\"Adjust\"](\"https://a.storyblok.com/f/47007/x/2e8164e221/adjust-logo-white.svg\"){kind=logo}
",
"nodeLabel": "Adjust"
},
"subItems": {
"type": "subitems",
"items": [
{
"failureReason": "Unsupported CSS Property: color",
"animation": "color"
}
]
}
},
{
"node": {
"type": "node",
"lhId": "page-2-svg",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,2,DIV,0,HEADER,1,DIV,1,DIV,3,DIV,1,A,2,SPAN,0,svg",
"selector": "div.a-link__wrapper > a.font-medium > span > svg.fill-white",
"boundingRect": {
"top": 76,
"bottom": 100,
"left": 308,
"right": 332,
"width": 24,
"height": 24
},
"snippet": "