",
"nodeLabel": "US",
"explanation": "Fix all of the following:\n ARIA attribute is not allowed: aria-selected=\"true\""
}
}
],
"debugData": {
"type": "debugdata",
"impact": "critical",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2",
"RGAAv4",
"RGAA-7.1.1"
]
}
}
},
"aria-allowed-role": {
"id": "aria-allowed-role",
"title": "Uses ARIA roles only on compatible elements",
"description": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-allowed-role).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-command-name": {
"id": "aria-command-name",
"title": "`button`, `link`, and `menuitem` elements have accessible names",
"description": "When an 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 make command elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-command-name).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-conditional-attr": {
"id": "aria-conditional-attr",
"title": "ARIA attributes are used as specified for the element's role",
"description": "Some ARIA attributes are only allowed on an element under certain conditions. [Learn more about conditional ARIA attributes](https://dequeuniversity.com/rules/axe/4.11/aria-conditional-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-deprecated-role": {
"id": "aria-deprecated-role",
"title": "Deprecated ARIA roles were not used",
"description": "Deprecated ARIA roles may not be processed correctly by assistive technology. [Learn more about deprecated ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-deprecated-role).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-dialog-name": {
"id": "aria-dialog-name",
"title": "Elements with `role=\"dialog\"` or `role=\"alertdialog\"` have accessible names.",
"description": "ARIA dialog elements without accessible names may prevent screen readers users from discerning the purpose of these elements. [Learn how to make ARIA dialog elements more accessible](https://dequeuniversity.com/rules/axe/4.11/aria-dialog-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-hidden-body": {
"id": "aria-hidden-body",
"title": "`[aria-hidden=\"true\"]` is not present on the document ``",
"description": "Assistive technologies, like screen readers, work inconsistently when `aria-hidden=\"true\"` is set on the document ``. [Learn how `aria-hidden` affects the document body](https://dequeuniversity.com/rules/axe/4.11/aria-hidden-body).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-hidden-focus": {
"id": "aria-hidden-focus",
"title": "`[aria-hidden=\"true\"]` elements do not contain focusable descendents",
"description": "Focusable descendents within an `[aria-hidden=\"true\"]` element prevent those interactive elements from being available to users of assistive technologies like screen readers. [Learn how `aria-hidden` affects focusable elements](https://dequeuniversity.com/rules/axe/4.11/aria-hidden-focus).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"aria-input-field-name": {
"id": "aria-input-field-name",
"title": "ARIA input fields have accessible names",
"description": "When an input 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 input field labels](https://dequeuniversity.com/rules/axe/4.11/aria-input-field-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-meter-name": {
"id": "aria-meter-name",
"title": "ARIA `meter` elements have accessible names",
"description": "When a meter 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 `meter` elements](https://dequeuniversity.com/rules/axe/4.11/aria-meter-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-progressbar-name": {
"id": "aria-progressbar-name",
"title": "ARIA `progressbar` elements have accessible names",
"description": "When a `progressbar` 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 label `progressbar` elements](https://dequeuniversity.com/rules/axe/4.11/aria-progressbar-name).",
"score": null,
"scoreDisplayMode": "notApplicable"
},
"aria-prohibited-attr": {
"id": "aria-prohibited-attr",
"title": "Elements use only permitted ARIA attributes",
"description": "Using ARIA attributes in roles where they are prohibited can mean that important information is not communicated to users of assistive technologies. [Learn more about prohibited ARIA roles](https://dequeuniversity.com/rules/axe/4.11/aria-prohibited-attr).",
"score": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"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": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"items": []
}
},
"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": 1,
"scoreDisplayMode": "binary",
"details": {
"type": "table",
"headings": [
{
"key": "node",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
},
"label": "Failing Elements"
}
],
"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.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-2-BUTTON",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,2,DIV,0,MAIN,3,DIV,1,DIV,0,DIV,0,DIV,0,FORM,5,BUTTON",
"selector": "div.WA-ea > div > form > button.WA-ak",
"boundingRect": {
"top": 2874,
"bottom": 2926,
"left": 32,
"right": 380,
"width": 347,
"height": 52
},
"snippet": "
![\"whatsapp](\"/static/WhatsApp-0e878a0fa68c61b06e781cee2e6bc71f.svg\")
",
"nodeLabel": "whatsapp link"
}
},
{
"url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAtBAMAAADrb658AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCA…",
"node": {
"type": "node",
"lhId": "1-36-IMG",
"path": "1,HTML,1,BODY,1,DIV,0,DIV,2,DIV,0,MAIN,3,DIV,1,DIV,0,DIV,0,DIV,0,FORM,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,IMG",
"selector": "div.WA-ez > div.WA-eo > div.WA-fd > img.WA-fi",
"boundingRect": {
"top": 2503,
"bottom": 2525,
"left": 48,
"right": 80,
"width": 32,
"height": 23
},
"snippet": "