{ "fetchTime": "2024-12-13T12:09:53.578Z", "requestedUrl": "https://www.frankballuffdesign.com/", "finalUrl": "https://www.frankballuffdesign.com/", "lighthouseVersion": "12.2.3", "environment": { "networkUserAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36", "hostUserAgent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/131.0.6778.108 Safari/537.36", "benchmarkIndex": 345, "credits": { "axe-core": "4.10.2" } }, "userAgent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/131.0.6778.108 Safari/537.36", "runWarnings": [], "audits": { "accesskeys": { "id": "accesskeys", "title": "`[accesskey]` values are unique", "description": "Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more about access keys](https://dequeuniversity.com/rules/axe/4.10/accesskeys).", "score": null, "scoreDisplayMode": "notApplicable" }, "aria-allowed-attr": { "id": "aria-allowed-attr", "title": "`[aria-*]` attributes match their roles", "description": "Each ARIA `role` supports a specific subset of `aria-*` attributes. Mismatching these invalidates the `aria-*` attributes. [Learn how to match ARIA attributes to their roles](https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr).", "score": null, "scoreDisplayMode": "notApplicable" }, "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.10/aria-allowed-role).", "score": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "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.10/aria-command-name).", "score": null, "scoreDisplayMode": "notApplicable" }, "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.10/aria-conditional-attr).", "score": null, "scoreDisplayMode": "notApplicable" }, "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.10/aria-deprecated-role).", "score": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "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.10/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.10/aria-hidden-body).", "score": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "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.10/aria-hidden-focus).", "score": null, "scoreDisplayMode": "notApplicable" }, "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.10/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.10/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.10/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.10/aria-prohibited-attr).", "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.10/aria-required-attr).", "score": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "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.10/aria-required-children).", "score": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "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": { "headings": [], "items": [], "type": "table" } }, "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": { "headings": [], "items": [], "type": "table" } }, "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": { "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": 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": null, "scoreDisplayMode": "notApplicable" }, "bootup-time": { "id": "bootup-time", "title": "Reduce JavaScript execution time", "description": "Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. [Learn how to reduce Javascript execution time](https://developer.chrome.com/docs/lighthouse/performance/bootup-time/).", "score": 0, "scoreDisplayMode": "metricSavings", "displayValue": "24.3 s", "details": { "headings": [ { "key": "url", "label": "URL", "valueType": "url" }, { "granularity": 1, "key": "total", "label": "Total CPU Time", "valueType": "ms" }, { "granularity": 1, "key": "scripting", "label": "Script Evaluation", "valueType": "ms" }, { "granularity": 1, "key": "scriptParseCompile", "label": "Script Parse", "valueType": "ms" } ], "items": [ { "scriptParseCompile": 126.76000000000002, "scripting": 15088.301000001655, "total": 16235.046000001654, "url": "https://www.youtube.com/s/player/f8f53e1a/www-embed-player.vflset/www-embed-player.js" }, { "scriptParseCompile": 767.0889999999999, "scripting": 6393.3490000014435, "total": 7475.165000001443, "url": "https://www.youtube.com/s/player/f8f53e1a/player_ias.vflset/nl_NL/base.js" }, { "scriptParseCompile": 14.788, "scripting": 747.1039999999917, "total": 1214.7729999999772, "url": "https://cdn.prod.website-files.com/64b05a4aa33c44db50c3ace1/js/webflow.fe79630ae5a56a9fef4ab4f00d97cb4f.js" }, { "scriptParseCompile": 0, "scripting": 48.735000000000014, "total": 1063.1710000000073, "url": "Unattributable" }, { "scriptParseCompile": 49.04699999999999, "scripting": 429.0419999999964, "total": 730.2939999999965, "url": "https://www.youtube.com/embed/?Version=3&autoplay=1&mute=1&loop=1&controls=0&rel=0&showinfo=0&enablejsapi=1&vq=hd720" }, { "scriptParseCompile": 1.1099999999999999, "scripting": 20.051999999999992, "total": 316.62500000000006, "url": "https://www.frankballuffdesign.com/" }, { "scriptParseCompile": 8.477, "scripting": 103.25699999999995, "total": 112.13199999999995, "url": "https://www.googletagmanager.com/gtag/js?id=G-VSG3EJGLSZ&l=dataLayer&cx=c>m=457e4cb0za200" }, { "scriptParseCompile": 4.901999999999999, "scripting": 71.60800000000029, "total": 106.90100000000028, "url": "https://www.youtube.com/embed/YP0tH0m71GQ?Version=3&autoplay=1&mute=1&loop=1&controls=0&rel=0&showinfo=0&enablejsapi=1&vq=hd720" }, { "scriptParseCompile": 4.382000000000001, "scripting": 38.55900000000008, "total": 73.40500000000009, "url": "https://www.youtube.com/embed/5cHdTChMoTY?Version=3&autoplay=1&mute=1&loop=1&controls=0&rel=0&showinfo=0&enablejsapi=1&vq=hd720" }, { "scriptParseCompile": 4.383, "scripting": 68.01099999999998, "total": 73.25099999999998, "url": "https://www.googletagmanager.com/gtag/js?id=UA-141766427-1" }, { "scriptParseCompile": 0.216, "scripting": 53.775999999999996, "total": 72.755, "url": "https://min30327.github.io/luxy.js/dist/js/luxy.js" }, { "scriptParseCompile": 3.9520000000000004, "scripting": 38.14300000000004, "total": 70.75600000000004, "url": "https://www.youtube.com/embed/Q9zjXmPRa9s?Version=3&autoplay=1&mute=1&loop=1&controls=0&rel=0&showinfo=0&enablejsapi=1&vq=hd720" }, { "scriptParseCompile": 4.274, "scripting": 36.236000000000054, "total": 69.76500000000006, "url": "https://www.youtube.com/embed/ENLa1ADpVmw?Version=3&autoplay=1&mute=1&loop=1&controls=0&rel=0&showinfo=0&enablejsapi=1&vq=hd720" }, { "scriptParseCompile": 4.365, "scripting": 38.667000000000044, "total": 66.27000000000004, "url": "https://www.youtube.com/embed/o3n_kHeIgYA?Version=3&autoplay=1&mute=1&loop=1&controls=0&rel=0&showinfo=0&enablejsapi=1&vq=hd720" }, { "scriptParseCompile": 2.328, "scripting": 48.85899999999999, "total": 52.38099999999999, "url": "https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64b05a4aa33c44db50c3ace1" }, { "scriptParseCompile": 6.059, "scripting": 43.303, "total": 50.38999999999999, "url": "https://www.google.com/js/th/WuArCo6uiOC32QOIiNWeSH9h2H5vf_jv_ihZ0ZQebSo.js" } ], "sortedBy": [ "total" ], "summary": { "wastedMs": 24269.134000003087 }, "type": "table" }, "numericValue": 24269.134000003087, "numericUnit": "millisecond", "metricSavings": { "TBT": 10950 }, "guidanceLevel": 1 }, "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": null, "scoreDisplayMode": "notApplicable" }, "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" }, "canonical": { "id": "canonical", "title": "Document has a valid `rel=canonical`", "description": "Canonical links suggest which URL to show in search results. [Learn more about canonical links](https://developer.chrome.com/docs/lighthouse/seo/canonical/).", "score": null, "scoreDisplayMode": "notApplicable" }, "charset": { "id": "charset", "title": "Properly defines charset", "description": "A character encoding declaration is required. It can be done with a `` tag in the first 1024 bytes of the HTML or in the Content-Type HTTP response header. [Learn more about declaring the character encoding](https://developer.chrome.com/docs/lighthouse/best-practices/charset/).", "score": 1, "scoreDisplayMode": "binary" }, "color-contrast": { "id": "color-contrast", "title": "Background and foreground colors 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": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "crawlable-anchors": { "id": "crawlable-anchors", "title": "Links are crawlable", "description": "Search engines may use `href` attributes on links to crawl websites. Ensure that the `href` attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. [Learn how to make links crawlable](https://support.google.com/webmasters/answer/9112205)", "score": 1, "scoreDisplayMode": "binary", "details": { "headings": [], "items": [], "type": "table" } }, "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": 1, "scoreDisplayMode": "informative", "displayValue": "11 chains found", "details": { "chains": { "25FE539E76B7329DCF905A8388A871CA": { "children": { "53.2": { "request": { "endTime": 1210766.389695, "responseReceivedTime": 1210766.3896899999, "startTime": 1210766.354909, "transferSize": 28199, "url": "https://cdn.prod.website-files.com/64b05a4aa33c44db50c3ace1/css/franklin-studios-41de4bba7f9e2e128076c7.webflow.a50fe93d6.css" } }, "53.3": { "children": { "53.12": { "children": { "53.102": { "request": { "endTime": 1210766.476803, "responseReceivedTime": 1210766.476797, "startTime": 1210766.470944, "transferSize": 8706, "url": "https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2" } }, "53.104": { "request": { "endTime": 1210766.427942, "responseReceivedTime": 1210766.427935, "startTime": 1210766.424264, "transferSize": 8711, "url": "https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2" } }, "53.106": { "request": { "endTime": 1210766.477525, "responseReceivedTime": 1210766.4775210002, "startTime": 1210766.473501, "transferSize": 8551, "url": "https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2" } }, "53.108": { "request": { "endTime": 1210766.477252, "responseReceivedTime": 1210766.4772480002, "startTime": 1210766.473739, "transferSize": 8802, "url": "https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2" } }, "53.44": { "request": { "endTime": 1210766.479172, "responseReceivedTime": 1210766.4791670002, "startTime": 1210766.47393, "transferSize": 49367, "url": "https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2" } } }, "request": { "endTime": 1210766.408566, "responseReceivedTime": 1210766.40856, "startTime": 1210766.402139, "transferSize": 1834, "url": "https://fonts.googleapis.com/css?family=Poppins:200,regular,500,600%7CInter:100,200,300,regular,500,600,700,800,900" } } }, "request": { "endTime": 1210766.36019, "responseReceivedTime": 1210766.3601799998, "startTime": 1210766.355021, "transferSize": 6399, "url": "https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" } }, "53.5": { "request": { "endTime": 1210766.381099, "responseReceivedTime": 1210766.3810929998, "startTime": 1210766.355371, "transferSize": 2643, "url": "https://www.youtube.com/iframe_api" } }, "53.6": { "request": { "endTime": 1210766.366181, "responseReceivedTime": 1210766.366164, "startTime": 1210766.355747, "transferSize": 32559, "url": "https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64b05a4aa33c44db50c3ace1" } }, "53.7": { "request": { "endTime": 1210766.411468, "responseReceivedTime": 1210766.4114629999, "startTime": 1210766.3561, "transferSize": 172535, "url": "https://cdn.prod.website-files.com/64b05a4aa33c44db50c3ace1/js/webflow.fe79630ae5a56a9fef4ab4f00d97cb4f.js" } }, "53.8": { "request": { "endTime": 1210766.384498, "responseReceivedTime": 1210766.384492, "startTime": 1210766.356381, "transferSize": 58138, "url": "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" } }, "53.9": { "request": { "endTime": 1210766.381917, "responseReceivedTime": 1210766.381913, "startTime": 1210766.356657, "transferSize": 2640, "url": "https://min30327.github.io/luxy.js/dist/js/luxy.js" } } }, "request": { "endTime": 1210766.344838, "responseReceivedTime": 1210766.3448329999, "startTime": 1210766.235692, "transferSize": 9276, "url": "https://www.frankballuffdesign.com/" } } }, "longestChain": { "duration": 243.4800000190735, "length": 4, "transferSize": 49367 }, "type": "criticalrequestchain" }, "guidanceLevel": 1 }, "csp-xss": { "id": "csp-xss", "title": "Ensure CSP is effective against XSS attacks", "description": "A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. [Learn how to use a CSP to prevent XSS](https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss/)", "score": 1, "scoreDisplayMode": "informative", "details": { "headings": [ { "key": "description", "label": "Description", "subItemsHeading": { "key": "description" }, "valueType": "text" }, { "key": "directive", "label": "Directive", "subItemsHeading": { "key": "directive" }, "valueType": "code" }, { "key": "severity", "label": "Severity", "subItemsHeading": { "key": "severity" }, "valueType": "text" } ], "items": [ { "description": "`script-src` directive is missing. This can allow the execution of unsafe scripts.", "directive": "script-src", "severity": "High" }, { "description": "Missing `object-src` allows the injection of plugins that execute unsafe scripts. Consider setting `object-src` to `'none'` if you can.", "directive": "object-src", "severity": "High" } ], "type": "table" } }, "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/articles/cls).", "score": 1, "scoreDisplayMode": "numeric", "displayValue": "0.001", "details": { "items": [ { "cumulativeLayoutShiftMainFrame": 0.0014438657391862848, "newEngineResult": { "cumulativeLayoutShift": 0.0014438657391862848, "cumulativeLayoutShiftMainFrame": 0.0014438657391862848 }, "newEngineResultDiffered": false } ], "type": "debugdata" }, "numericValue": 0.0014438657391862848, "numericUnit": "unitless", "scoringOptions": { "p10": 0.1, "median": 0.25 } }, "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" }, "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" }, "definition-list": { "id": "definition-list", "title": "`

` and `: ` groups, `