",
- "nodeLabel": "Decision-making\nsupport\n \nValues alignment\nexercises\n \nMembership\nguidance\n \nCo…",
- "explanation": "Fix any of the following:\n Element has children which are not allowed: a[aria-label]"
- },
- "subItems": {
- "type": "subitems",
- "items": [
- {
- "relatedNode": {
- "type": "node",
- "lhId": "1-3-A",
- "path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,5,SECTION,0,DIV,0,DIV,1,DIV,0,A",
- "selector": "div.py-[var(--spacing-scale-032)] > div.w-full > div.grid > a.block",
- "boundingRect": {
- "top": 2733,
- "bottom": 2919,
- "left": 20,
- "right": 200,
- "width": 180,
- "height": 186
- },
- "snippet": "
",
- "nodeLabel": "Membership\nguidance\n "
- }
- }
- ]
- }
- }
- ],
- "debugData": {
- "type": "debugdata",
- "impact": "critical",
- "tags": ["cat.aria", "wcag2a", "wcag131", "EN-301-549", "EN-9.1.3.1"]
- }
- }
- },
- "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.10/aria-required-parent).",
- "score": 1,
- "scoreDisplayMode": "binary",
- "details": {
- "type": "table",
- "headings": [],
- "items": []
- }
- },
- "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.10/aria-roles).",
- "score": 1,
- "scoreDisplayMode": "binary",
- "details": {
- "type": "table",
- "headings": [],
- "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.10/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.10/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.10/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.10/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.10/aria-valid-attr-value).",
- "score": 1,
- "scoreDisplayMode": "binary",
- "details": {
- "type": "table",
- "headings": [],
- "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.10/aria-valid-attr).",
- "score": 1,
- "scoreDisplayMode": "binary",
- "details": {
- "type": "table",
- "headings": [],
- "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.10/button-name).",
- "score": 1,
- "scoreDisplayMode": "binary",
- "details": {
- "type": "table",
- "headings": [],
- "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.10/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.10/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-6-P",
- "path": "1,HTML,1,BODY,0,DIV,2,MAIN,0,DIV,3,SECTION,0,DIV,0,DIV,0,DIV,0,DIV,1,DIV,0,P",
- "selector": "div > div.flex > div.lg:w-[928px] > p.font-inter",
- "boundingRect": {
- "top": 913,
- "bottom": 960,
- "left": 20,
- "right": 392,
- "width": 372,
- "height": 47
- },
- "snippet": "",
- "nodeLabel": "Here's a quick overview of the process, from start to finish.",
- "explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.29 (foreground color: #484848, background color: #000000, font size: 13.5pt (18px), font weight: normal). Expected contrast ratio of 4.5:1"
- },
- "subItems": {
- "type": "subitems",
- "items": [
- {
- "relatedNode": {
- "type": "node",
- "lhId": "1-7-BODY",
- "path": "1,HTML,1,BODY",
- "selector": "body.inter_92071f97-module__lwgcdq__variable",
- "boundingRect": {
- "top": 0,
- "bottom": 4509,
- "left": 0,
- "right": 412,
- "width": 412,
- "height": 4509
- },
- "snippet": "
",
- "nodeLabel": "body.inter_92071f97-module__lwgcdq__variable"
- }
- }
- ]
- }
- }
- ],
- "debugData": {
- "type": "debugdata",
- "impact": "serious",
- "tags": [
- "cat.color",
- "wcag2aa",
- "wcag143",
- "TTv5",
- "TT13.c",
- "EN-301-549",
- "EN-9.1.4.3",
- "ACT"
- ]
- }
- }
- },
- "definition-list": {
- "id": "definition-list",
- "title": "``'s contain only properly-ordered `- ` and `
- ` groups, `