` element that use the `[headers]` attribute refer to table cells within the same table.",
+ "description": "Screen readers have features to make navigating tables easier. Ensuring `` cells using the `[headers]` attribute only refer to other cells in the same table may improve the experience for screen reader users. [Learn more about the `headers` attribute](https://dequeuniversity.com/rules/axe/4.7/td-headers-attr).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "form-field-multiple-labels": {
+ "id": "form-field-multiple-labels",
+ "title": "No form fields have multiple labels",
+ "description": "Form fields with multiple labels can be confusingly announced by assistive technologies like screen readers which use either the first, the last, or all of the labels. [Learn how to use form labels](https://dequeuniversity.com/rules/axe/4.7/form-field-multiple-labels).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "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.7/aria-required-attr).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": {
+ "type": "table",
+ "items": [],
+ "headings": []
+ }
+ },
+ "cumulative-layout-shift": {
+ "id": "cumulative-layout-shift",
+ "title": "Cumulative Layout Shift",
+ "description": "Cumulative Layout Shift measures the movement of visible elements within the viewport. [Learn more about the Cumulative Layout Shift metric](https://web.dev/cls/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "displayValue": "0",
+ "details": {
+ "items": [
+ {
+ "cumulativeLayoutShiftMainFrame": 0,
+ "totalCumulativeLayoutShift": 0
+ }
+ ],
+ "type": "debugdata"
+ },
+ "numericValue": 0,
+ "numericUnit": "unitless"
+ },
+ "tap-targets": {
+ "id": "tap-targets",
+ "title": "Tap targets are sized appropriately",
+ "description": "Interactive elements like buttons and links should be large enough (48x48px), or have enough space around them, to be easy enough to tap without overlapping onto other elements. [Learn more about tap targets](https://developer.chrome.com/docs/lighthouse/seo/tap-targets/).",
+ "score": null,
+ "scoreDisplayMode": "notApplicable"
+ },
+ "geolocation-on-start": {
+ "id": "geolocation-on-start",
+ "title": "Avoids requesting the geolocation permission on page load",
+ "description": "Users are mistrustful of or confused by sites that request their location without context. Consider tying the request to a user action instead. [Learn more about the geolocation permission](https://developer.chrome.com/docs/lighthouse/best-practices/geolocation-on-start/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
+ },
+ "interactive": {
+ "id": "interactive",
+ "title": "Time to Interactive",
+ "description": "Time to Interactive is the amount of time it takes for the page to become fully interactive. [Learn more about the Time to Interactive metric](https://developer.chrome.com/docs/lighthouse/performance/interactive/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "displayValue": "0.7\u00a0s",
+ "numericValue": 653,
+ "numericUnit": "millisecond"
+ },
+ "custom-controls-roles": {
+ "id": "custom-controls-roles",
+ "title": "Custom controls have ARIA roles",
+ "description": "Custom interactive controls have appropriate ARIA roles. [Learn how to add roles to custom controls](https://developer.chrome.com/docs/lighthouse/accessibility/custom-control-roles/).",
+ "score": null,
+ "scoreDisplayMode": "manual"
+ },
+ "critical-request-chains": {
+ "id": "critical-request-chains",
+ "title": "Avoid chaining critical requests",
+ "description": "The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load. [Learn how to avoid chaining critical requests](https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains/).",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "displayValue": "6 chains found",
+ "details": {
+ "longestChain": {
+ "transferSize": 8603,
+ "duration": 508.0899999141693,
+ "length": 2
+ },
+ "chains": {
+ "51BD2297AADA8866B42DF0E446FC22BA": {
+ "request": {
+ "endTime": 1258025.194105,
+ "responseReceivedTime": 1258025.1940910001,
+ "startTime": 1258024.888016,
+ "transferSize": 21729,
+ "url": "https://www.facebook.com/"
+ },
+ "children": {
+ "40.6": {
+ "request": {
+ "transferSize": 1139,
+ "url": "https://static.xx.fbcdn.net/rsrc.php/v3/yi/l/0,cross/yotEdcUw9Gj.css?_nc_x=Ij3Wp8lg5Kz",
+ "endTime": 1258025.395834,
+ "startTime": 1258025.205179,
+ "responseReceivedTime": 1258025.395831
+ }
+ },
+ "40.3": {
+ "request": {
+ "transferSize": 2220,
+ "endTime": 1258025.387773,
+ "responseReceivedTime": 1258025.387765,
+ "url": "https://static.xx.fbcdn.net/rsrc.php/v3/yV/l/0,cross/KxGJ10xTR_J.css?_nc_x=Ij3Wp8lg5Kz",
+ "startTime": 1258025.204669
+ }
+ },
+ "40.7": {
+ "request": {
+ "transferSize": 98390,
+ "startTime": 1258025.205411,
+ "endTime": 1258025.395173,
+ "responseReceivedTime": 1258025.395168,
+ "url": "https://static.xx.fbcdn.net/rsrc.php/v3/yV/r/aJvSBv7uuzi.js?_nc_x=Ij3Wp8lg5Kz"
+ }
+ },
+ "40.5": {
+ "request": {
+ "endTime": 1258025.396106,
+ "responseReceivedTime": 1258025.396103,
+ "transferSize": 8603,
+ "startTime": 1258025.205014,
+ "url": "https://static.xx.fbcdn.net/rsrc.php/v3/yp/l/0,cross/a4aGsteaYyU.css?_nc_x=Ij3Wp8lg5Kz"
+ }
+ },
+ "40.4": {
+ "request": {
+ "responseReceivedTime": 1258025.393978,
+ "transferSize": 3389,
+ "url": "https://static.xx.fbcdn.net/rsrc.php/v3/ya/l/0,cross/D1AaXePzEha.css?_nc_x=Ij3Wp8lg5Kz",
+ "startTime": 1258025.204809,
+ "endTime": 1258025.393985
+ }
+ },
+ "40.2": {
+ "request": {
+ "startTime": 1258025.204446,
+ "transferSize": 5409,
+ "endTime": 1258025.390005,
+ "url": "https://static.xx.fbcdn.net/rsrc.php/v3/yY/l/0,cross/91AeauNd3LE.css?_nc_x=Ij3Wp8lg5Kz",
+ "responseReceivedTime": 1258025.39
+ }
+ }
+ }
+ }
+ },
+ "type": "criticalrequestchain"
+ }
+ },
+ "modern-image-formats": {
+ "id": "modern-image-formats",
+ "title": "Serve images in next-gen formats",
+ "description": "Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. [Learn more about modern image formats](https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images/).",
+ "score": 1,
+ "scoreDisplayMode": "numeric",
+ "details": {
+ "sortedBy": [
+ "wastedBytes"
+ ],
+ "items": [],
+ "type": "opportunity",
+ "overallSavingsBytes": 0,
+ "overallSavingsMs": 0,
+ "headings": []
+ },
+ "warnings": [],
+ "numericValue": 0,
+ "numericUnit": "millisecond"
+ },
+ "largest-contentful-paint-element": {
+ "id": "largest-contentful-paint-element",
+ "title": "Largest Contentful Paint element",
+ "description": "This is the largest contentful element painted within the viewport. [Learn more about the Largest Contentful Paint element](https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/)",
+ "score": null,
+ "scoreDisplayMode": "informative",
+ "displayValue": "1 element found",
+ "details": {
+ "items": [
+ {
+ "items": [
+ {
+ "node": {
+ "selector": "div._8esk > div._8esl > div._8ice > img.fb_logo",
+ "snippet": "",
+ "nodeLabel": "Facebook",
+ "type": "node",
+ "boundingRect": {
+ "left": 157,
+ "right": 458,
+ "width": 301,
+ "height": 106,
+ "top": 176,
+ "bottom": 282
+ },
+ "lhId": "page-0-IMG",
+ "path": "1,HTML,1,BODY,1,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,DIV,0,IMG"
+ }
+ }
+ ],
+ "type": "table",
+ "headings": [
+ {
+ "valueType": "node",
+ "key": "node",
+ "label": "Element"
+ }
+ ]
+ }
+ ],
+ "type": "list"
+ }
+ },
+ "managed-focus": {
+ "id": "managed-focus",
+ "title": "The user's focus is directed to new content added to the page",
+ "description": "If new content, such as a dialog, is added to the page, the user's focus is directed to it. [Learn how to direct focus to new content](https://developer.chrome.com/docs/lighthouse/accessibility/managed-focus/).",
+ "score": null,
+ "scoreDisplayMode": "manual"
+ },
+ "image-aspect-ratio": {
+ "id": "image-aspect-ratio",
+ "title": "Displays images with correct aspect ratio",
+ "description": "Image display dimensions should match natural aspect ratio. [Learn more about image aspect ratio](https://developer.chrome.com/docs/lighthouse/best-practices/image-aspect-ratio/).",
+ "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.7/aria-valid-attr).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": {
+ "type": "table",
+ "headings": [],
+ "items": []
+ }
+ },
+ "font-display": {
+ "id": "font-display",
+ "title": "All text remains visible during webfont loads",
+ "description": "Leverage the `font-display` CSS feature to ensure text is user-visible while webfonts are loading. [Learn more about `font-display`](https://developer.chrome.com/docs/lighthouse/performance/font-display/).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": {
+ "headings": [],
+ "items": [],
+ "type": "table"
+ },
+ "warnings": []
+ },
+ "custom-controls-labels": {
+ "id": "custom-controls-labels",
+ "title": "Custom controls have associated labels",
+ "description": "Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. [Learn more about custom controls and labels](https://developer.chrome.com/docs/lighthouse/accessibility/custom-controls-labels/).",
+ "score": null,
+ "scoreDisplayMode": "manual"
+ },
+ "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.7/aria-valid-attr-value).",
+ "score": 1,
+ "scoreDisplayMode": "binary",
+ "details": {
+ "headings": [],
+ "type": "table",
+ "items": []
+ }
+ },
+ "object-alt": {
+ "id": "object-alt",
+ "title": "` |