",
"nodeLabel": "We use essential cookies to make our site work. With your consent, we may also …",
"explanation": "Fix any of the following:\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute"
}
}
],
"debugData": {
"type": "debugdata",
"impact": "serious",
"tags": [
"cat.aria",
"best-practice"
]
}
}
},
"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": 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,3,DIV,1,DIV,5,DIV,0,DIV,0,DIV,0,DIV,0,FORM,1,DIV,0,DIV,0,DIV,2,DIV,0,LABEL,0,SPAN",
"selector": "div.relative > div.relative > label.absolute > span.2xl:hidden",
"boundingRect": {
"top": 133,
"bottom": 155,
"left": 94,
"right": 229,
"width": 136,
"height": 22
},
"snippet": "",
"nodeLabel": "Search for images",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.94 (foreground color: #808080, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"type": "node",
"lhId": "1-2-INPUT",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,5,DIV,0,DIV,0,DIV,0,DIV,0,FORM,1,DIV,0,DIV,0,DIV,2,DIV,1,INPUT",
"selector": "div.search-class > div.relative > div.relative > input#qt",
"boundingRect": {
"top": 126,
"bottom": 166,
"left": 78,
"right": 354,
"width": 277,
"height": 40
},
"snippet": "",
"nodeLabel": "div.search-class > div.relative > div.relative > input#qt"
}
}
]
}
},
{
"node": {
"type": "node",
"lhId": "1-3-LABEL",
"path": "1,HTML,1,BODY,3,DIV,1,DIV,6,MAIN,8,DIV,1,DIV,0,FORM,0,DIV,1,LABEL",
"selector": "div.flex > form.flex > div.relative > label.3xs:text-4xs",
"boundingRect": {
"top": 6404,
"bottom": 6428,
"left": 24,
"right": 388,
"width": 364,
"height": 24
},
"snippet": "