Skip to content

Instantly share code, notes, and snippets.

@joelhsmith

joelhsmith/catsreport.json

Last active May 18, 2018 18:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joelhsmith/c4cefd8f69d5f399412496e04aa13f4b to your computer and use it in GitHub Desktop.
Save joelhsmith/c4cefd8f69d5f399412496e04aa13f4b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
catsreport.json
{
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3434.0 Safari/537.36",
"lighthouseVersion": "2.9.4",
"generatedTime": "2018-05-18T18:01:56.973Z",
"initialUrl": "https://cats.com",
"url": "https://cats.com/",
"runWarnings": [],
"audits": {
"errors-in-console": {
"score": false,
"displayValue": "1",
"rawValue": 1,
"scoringMode": "binary",
"name": "errors-in-console",
"description": "Browser errors were logged to the console",
"helpText": "Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns.",
"details": {
"type": "table",
"header": "View Details",
"itemHeaders": [
{
"type": "text",
"itemType": "url",
"text": "URL"
},
{
"type": "text",
"itemType": "code",
"text": "Description"
}
],
"items": [
[
{
"type": "url",
"text": "https://cats.com/favicon.ico"
},
{
"type": "code",
"text": "Failed to load resource: the server responded with a status of 404 ()"
}
]
]
}
},
"accesskeys": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "accesskeys",
"description": "`[accesskey]` values are not unique",
"helpText": "Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more](https://dequeuniversity.com/rules/axe/2.2/accesskeys?application=lighthouse)."
},
"button-name": {
"score": true,
"displayValue": "",
"rawValue": true,
"extendedInfo": {},
"scoringMode": "binary",
"name": "button-name",
"description": "Buttons have an accessible name",
"helpText": "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 more](https://dequeuniversity.com/rules/axe/2.2/button-name?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": []
}
},
"bypass": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "bypass",
"description": "The page does not contain a heading, skip link, or landmark region",
"helpText": "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://dequeuniversity.com/rules/axe/2.2/bypass?application=lighthouse)."
},
"color-contrast": {
"score": false,
"displayValue": "",
"rawValue": false,
"extendedInfo": {
"value": {
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/3.0/color-contrast?application=axeAPI",
"nodes": [
{
"impact": "serious",
"html": "<input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">",
"target": [
"#mc-embedded-subscribe"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
"path": "0,HTML,2,BODY,0,DIV,0,FORM,0,DIV,4,DIV,0,INPUT",
"snippet": "<input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">"
}
]
}
},
"scoringMode": "binary",
"name": "color-contrast",
"description": "Background and foreground colors do not have a sufficient contrast ratio.",
"helpText": "Low-contrast text is difficult or impossible for many users to read. [Learn more](https://dequeuniversity.com/rules/axe/2.2/color-contrast?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": [
{
"type": "node",
"selector": "#mc-embedded-subscribe",
"path": "0,HTML,2,BODY,0,DIV,0,FORM,0,DIV,4,DIV,0,INPUT",
"snippet": "<input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">"
}
]
}
},
"document-title": {
"score": false,
"displayValue": "",
"rawValue": false,
"extendedInfo": {
"value": {
"id": "document-title",
"impact": "serious",
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242"
],
"description": "Ensures each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/3.0/document-title?application=axeAPI",
"nodes": [
{
"impact": "serious",
"html": "<html>",
"target": [
"html"
],
"failureSummary": "Fix any of the following:\n Document does not have a non-empty <title> element",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"scoringMode": "binary",
"name": "document-title",
"description": "Document doesn't have a `<title>` element",
"helpText": "The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/title).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": [
{
"type": "node",
"selector": "html",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"duplicate-id": {
"score": true,
"displayValue": "",
"rawValue": true,
"extendedInfo": {},
"scoringMode": "binary",
"name": "duplicate-id",
"description": "`[id]` attributes on the page are unique",
"helpText": "The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/2.2/duplicate-id?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": []
}
},
"frame-title": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "frame-title",
"description": "`<frame>` or `<iframe>` elements do not have a title",
"helpText": "Screen reader users rely on frame titles to describe the contents of frames. [Learn more](https://dequeuniversity.com/rules/axe/2.2/frame-title?application=lighthouse)."
},
"html-has-lang": {
"score": false,
"displayValue": "",
"rawValue": false,
"extendedInfo": {
"value": {
"id": "html-has-lang",
"impact": "serious",
"tags": [
"cat.language",
"wcag2a",
"wcag311"
],
"description": "Ensures every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/3.0/html-has-lang?application=axeAPI",
"nodes": [
{
"impact": "serious",
"html": "<html>",
"target": [
"html"
],
"failureSummary": "Fix any of the following:\n The <html> element does not have a lang attribute",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"scoringMode": "binary",
"name": "html-has-lang",
"description": "`<html>` element does not have a `[lang]` attribute",
"helpText": "If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/html-lang?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": [
{
"type": "node",
"selector": "html",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"html-lang-valid": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "html-lang-valid",
"description": "`<html>` element does not have a valid value for its `[lang]` attribute.",
"helpText": "Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) helps screen readers announce text properly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/valid-lang?application=lighthouse)."
},
"image-alt": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "image-alt",
"description": "Image elements do not have `[alt]` attributes",
"helpText": "Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.[Learn more](https://dequeuniversity.com/rules/axe/2.2/image-alt?application=lighthouse)."
},
"input-image-alt": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "input-image-alt",
"description": "`<input type=\"image\">` elements do not have `[alt]` text",
"helpText": "When an image is being used as an `<input>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn more](https://dequeuniversity.com/rules/axe/2.2/input-image-alt?application=lighthouse)."
},
"label": {
"score": true,
"displayValue": "",
"rawValue": true,
"extendedInfo": {},
"scoringMode": "binary",
"name": "label",
"description": "Form elements have associated labels",
"helpText": "Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more](https://dequeuniversity.com/rules/axe/2.2/label?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": []
}
},
"valid-lang": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "valid-lang",
"description": "`[lang]` attributes do not have a valid value",
"helpText": "Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn more](https://dequeuniversity.com/rules/axe/2.2/valid-lang?application=lighthouse)."
},
"focus-traps": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "focus-traps",
"description": "User focus is not accidentally trapped in a region",
"helpText": "A user can tab into and out of any control or region without accidentally trapping their focus. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard)."
},
"focusable-controls": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "focusable-controls",
"description": "Interactive controls are keyboard focusable",
"helpText": "Custom interactive controls are keyboard focusable and display a focus indicator. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard)."
},
"heading-levels": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "heading-levels",
"description": "Headings don't skip levels",
"helpText": "Headings are used to create an outline for the page and heading levels are not skipped. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#take_advantage_of_headings_and_landmarks)."
},
"managed-focus": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "managed-focus",
"description": "The user's focus is directed to new content added to the page",
"helpText": "If new content, such as a dialog, is added to the page, the user's focus is directed to it. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard)."
},
"use-landmarks": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "use-landmarks",
"description": "HTML5 landmark elements are used to improve navigation",
"helpText": "Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#take_advantage_of_headings_and_landmarks)."
},
"visual-order-follows-dom": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "visual-order-follows-dom",
"description": "Visual order on the page follows DOM order",
"helpText": "DOM order matches the visual order, improving navigation for assistive technology. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#try_it_with_a_screen_reader)."
}
},
"runtimeConfig": {
"environment": [
{
"name": "Device Emulation",
"enabled": true,
"description": "Nexus 5X"
},
{
"name": "Network Throttling",
"enabled": true,
"description": "562.5ms RTT, 1.4Mbps down, 0.7Mbps up"
},
{
"name": "CPU Throttling",
"enabled": true,
"description": "4x slowdown"
}
],
"blockedUrlPatterns": [],
"extraHeaders": {}
},
"score": 0,
"reportCategories": [
{
"title": "Accessibility",
"description": "These checks highlight opportunities to [improve the accessibility of your web app](https://developers.google.com/web/fundamentals/accessibility). Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.",
"manualDescription": "These items address areas which an automated testing tool cannot cover. Learn more in our guide on [conducting an accessibility review](https://developers.google.com/web/fundamentals/accessibility/how-to-review).",
"audits": [
{
"id": "accesskeys",
"weight": 0,
"group": "a11y-correct-attributes",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "accesskeys",
"description": "`[accesskey]` values are not unique",
"helpText": "Access keys let users quickly focus a part of the page. For proper navigation, each access key must be unique. [Learn more](https://dequeuniversity.com/rules/axe/2.2/accesskeys?application=lighthouse)."
},
"score": 100
},
{
"id": "button-name",
"weight": 10,
"group": "a11y-element-names",
"result": {
"score": true,
"displayValue": "",
"rawValue": true,
"extendedInfo": {},
"scoringMode": "binary",
"name": "button-name",
"description": "Buttons have an accessible name",
"helpText": "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 more](https://dequeuniversity.com/rules/axe/2.2/button-name?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": []
}
},
"score": 100
},
{
"id": "bypass",
"weight": 0,
"group": "a11y-describe-contents",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "bypass",
"description": "The page does not contain a heading, skip link, or landmark region",
"helpText": "Adding ways to bypass repetitive content lets keyboard users navigate the page more efficiently. [Learn more](https://dequeuniversity.com/rules/axe/2.2/bypass?application=lighthouse)."
},
"score": 100
},
{
"id": "color-contrast",
"weight": 6,
"group": "a11y-color-contrast",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"extendedInfo": {
"value": {
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143"
],
"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
"help": "Elements must have sufficient color contrast",
"helpUrl": "https://dequeuniversity.com/rules/axe/3.0/color-contrast?application=axeAPI",
"nodes": [
{
"impact": "serious",
"html": "<input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">",
"target": [
"#mc-embedded-subscribe"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.32 (foreground color: #ffffff, background color: #aaaaaa, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
"path": "0,HTML,2,BODY,0,DIV,0,FORM,0,DIV,4,DIV,0,INPUT",
"snippet": "<input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">"
}
]
}
},
"scoringMode": "binary",
"name": "color-contrast",
"description": "Background and foreground colors do not have a sufficient contrast ratio.",
"helpText": "Low-contrast text is difficult or impossible for many users to read. [Learn more](https://dequeuniversity.com/rules/axe/2.2/color-contrast?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": [
{
"type": "node",
"selector": "#mc-embedded-subscribe",
"path": "0,HTML,2,BODY,0,DIV,0,FORM,0,DIV,4,DIV,0,INPUT",
"snippet": "<input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\">"
}
]
}
},
"score": 0
},
{
"id": "document-title",
"weight": 2,
"group": "a11y-describe-contents",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"extendedInfo": {
"value": {
"id": "document-title",
"impact": "serious",
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242"
],
"description": "Ensures each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/3.0/document-title?application=axeAPI",
"nodes": [
{
"impact": "serious",
"html": "<html>",
"target": [
"html"
],
"failureSummary": "Fix any of the following:\n Document does not have a non-empty <title> element",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"scoringMode": "binary",
"name": "document-title",
"description": "Document doesn't have a `<title>` element",
"helpText": "The title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their search. [Learn more](https://developers.google.com/web/tools/lighthouse/audits/title).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": [
{
"type": "node",
"selector": "html",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"score": 0
},
{
"id": "duplicate-id",
"weight": 5,
"group": "a11y-well-structured",
"result": {
"score": true,
"displayValue": "",
"rawValue": true,
"extendedInfo": {},
"scoringMode": "binary",
"name": "duplicate-id",
"description": "`[id]` attributes on the page are unique",
"helpText": "The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/2.2/duplicate-id?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": []
}
},
"score": 100
},
{
"id": "frame-title",
"weight": 0,
"group": "a11y-describe-contents",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "frame-title",
"description": "`<frame>` or `<iframe>` elements do not have a title",
"helpText": "Screen reader users rely on frame titles to describe the contents of frames. [Learn more](https://dequeuniversity.com/rules/axe/2.2/frame-title?application=lighthouse)."
},
"score": 100
},
{
"id": "html-has-lang",
"weight": 4,
"group": "a11y-language",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"extendedInfo": {
"value": {
"id": "html-has-lang",
"impact": "serious",
"tags": [
"cat.language",
"wcag2a",
"wcag311"
],
"description": "Ensures every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/3.0/html-has-lang?application=axeAPI",
"nodes": [
{
"impact": "serious",
"html": "<html>",
"target": [
"html"
],
"failureSummary": "Fix any of the following:\n The <html> element does not have a lang attribute",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"scoringMode": "binary",
"name": "html-has-lang",
"description": "`<html>` element does not have a `[lang]` attribute",
"helpText": "If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/html-lang?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": [
{
"type": "node",
"selector": "html",
"path": "0,HTML",
"snippet": "<html>"
}
]
}
},
"score": 0
},
{
"id": "html-lang-valid",
"weight": 0,
"group": "a11y-language",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "html-lang-valid",
"description": "`<html>` element does not have a valid value for its `[lang]` attribute.",
"helpText": "Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) helps screen readers announce text properly. [Learn more](https://dequeuniversity.com/rules/axe/2.2/valid-lang?application=lighthouse)."
},
"score": 100
},
{
"id": "image-alt",
"weight": 0,
"group": "a11y-correct-attributes",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "image-alt",
"description": "Image elements do not have `[alt]` attributes",
"helpText": "Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.[Learn more](https://dequeuniversity.com/rules/axe/2.2/image-alt?application=lighthouse)."
},
"score": 100
},
{
"id": "input-image-alt",
"weight": 0,
"group": "a11y-correct-attributes",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "input-image-alt",
"description": "`<input type=\"image\">` elements do not have `[alt]` text",
"helpText": "When an image is being used as an `<input>` button, providing alternative text can help screen reader users understand the purpose of the button. [Learn more](https://dequeuniversity.com/rules/axe/2.2/input-image-alt?application=lighthouse)."
},
"score": 100
},
{
"id": "label",
"weight": 10,
"group": "a11y-describe-contents",
"result": {
"score": true,
"displayValue": "",
"rawValue": true,
"extendedInfo": {},
"scoringMode": "binary",
"name": "label",
"description": "Form elements have associated labels",
"helpText": "Labels ensure that form controls are announced properly by assistive technologies, like screen readers. [Learn more](https://dequeuniversity.com/rules/axe/2.2/label?application=lighthouse).",
"details": {
"type": "list",
"header": {
"type": "text",
"text": "View failing elements"
},
"items": []
}
},
"score": 100
},
{
"id": "valid-lang",
"weight": 0,
"group": "a11y-language",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"notApplicable": true,
"name": "valid-lang",
"description": "`[lang]` attributes do not have a valid value",
"helpText": "Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) on elements helps ensure that text is pronounced correctly by a screen reader. [Learn more](https://dequeuniversity.com/rules/axe/2.2/valid-lang?application=lighthouse)."
},
"score": 100
},
{
"id": "focusable-controls",
"weight": 0,
"group": "a11y-manual-checks",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "focusable-controls",
"description": "Interactive controls are keyboard focusable",
"helpText": "Custom interactive controls are keyboard focusable and display a focus indicator. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard)."
},
"score": 0
},
{
"id": "managed-focus",
"weight": 0,
"group": "a11y-manual-checks",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "managed-focus",
"description": "The user's focus is directed to new content added to the page",
"helpText": "If new content, such as a dialog, is added to the page, the user's focus is directed to it. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard)."
},
"score": 0
},
{
"id": "focus-traps",
"weight": 0,
"group": "a11y-manual-checks",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "focus-traps",
"description": "User focus is not accidentally trapped in a region",
"helpText": "A user can tab into and out of any control or region without accidentally trapping their focus. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#start_with_the_keyboard)."
},
"score": 0
},
{
"id": "visual-order-follows-dom",
"weight": 0,
"group": "a11y-manual-checks",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "visual-order-follows-dom",
"description": "Visual order on the page follows DOM order",
"helpText": "DOM order matches the visual order, improving navigation for assistive technology. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#try_it_with_a_screen_reader)."
},
"score": 0
},
{
"id": "heading-levels",
"weight": 0,
"group": "a11y-manual-checks",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "heading-levels",
"description": "Headings don't skip levels",
"helpText": "Headings are used to create an outline for the page and heading levels are not skipped. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#take_advantage_of_headings_and_landmarks)."
},
"score": 0
},
{
"id": "use-landmarks",
"weight": 0,
"group": "a11y-manual-checks",
"result": {
"score": false,
"displayValue": "",
"rawValue": false,
"scoringMode": "binary",
"informative": true,
"manual": true,
"name": "use-landmarks",
"description": "HTML5 landmark elements are used to improve navigation",
"helpText": "Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more](https://developers.google.com/web/fundamentals/accessibility/how-to-review#take_advantage_of_headings_and_landmarks)."
},
"score": 0
}
],
"id": "accessibility",
"score": 67.56756756756756
},
{
"title": "Robust",
"description": "Console errors can generate unpredictable results for assistive technologies. It can also cause cross-browser, cross-device, and cross-platform compatibility issues.",
"audits": [
{
"id": "errors-in-console",
"weight": 1,
"group": "robust",
"result": {
"score": false,
"displayValue": "1",
"rawValue": 1,
"scoringMode": "binary",
"name": "errors-in-console",
"description": "Browser errors were logged to the console",
"helpText": "Errors logged to the console indicate unresolved problems. They can come from network request failures and other browser concerns.",
"details": {
"type": "table",
"header": "View Details",
"itemHeaders": [
{
"type": "text",
"itemType": "url",
"text": "URL"
},
{
"type": "text",
"itemType": "code",
"text": "Description"
}
],
"items": [
[
{
"type": "url",
"text": "https://cats.com/favicon.ico"
},
{
"type": "code",
"text": "Failed to load resource: the server responded with a status of 404 ()"
}
]
]
}
},
"score": 0
}
],
"id": "best-practices",
"score": 0
}
],
"reportGroups": {
"a11y-color-contrast": {
"title": "Color Contrast Is Satisfactory",
"description": "These are opportunities to improve the legibility of your content."
},
"a11y-describe-contents": {
"title": "Elements Describe Contents Well",
"description": "These are opportunities to make your content easier to understand for a user of assistive technology, like a screen reader."
},
"a11y-well-structured": {
"title": "Elements Are Well Structured",
"description": "These are opportunities to make sure your HTML is appropriately structured."
},
"a11y-language": {
"title": "Page Specifies Valid Language",
"description": "These are opportunities to improve the interpretation of your content by users in different locales."
},
"a11y-correct-attributes": {
"title": "Elements Use Attributes Correctly",
"description": "These are opportunities to improve the configuration of your HTML elements."
},
"a11y-element-names": {
"title": "Elements Have Discernible Names",
"description": "These are opportunities to improve the semantics of the controls in your application. This may enhanye the experienye for users of assistive technology, like a screen reader."
},
"a11y-manual-checks": {
"title": "Manual Checks",
"description": "Lorem ipsem."
},
"robust": {
"title": "Robust",
"description": "Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies."
}
},
"timing": {
"total": 10010
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment