lighthouse 9.5.0-dev.20221006 → 9.5.0-dev.20221007
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cli/test/smokehouse/smokehouse.js +1 -1
- package/core/audits/accessibility/manual/custom-controls-labels.js +1 -1
- package/core/audits/accessibility/manual/custom-controls-roles.js +1 -1
- package/core/audits/accessibility/manual/focus-traps.js +1 -1
- package/core/audits/accessibility/manual/focusable-controls.js +1 -1
- package/core/audits/accessibility/manual/interactive-element-affordance.js +1 -1
- package/core/audits/accessibility/manual/logical-tab-order.js +1 -1
- package/core/audits/accessibility/manual/managed-focus.js +1 -1
- package/core/audits/accessibility/manual/offscreen-content-hidden.js +1 -1
- package/core/audits/accessibility/manual/use-landmarks.js +1 -1
- package/core/audits/accessibility/manual/visual-order-follows-dom.js +1 -1
- package/core/config/default-config.js +1 -1
- package/dist/report/bundle.esm.js +1 -1
- package/dist/report/flow.js +1 -1
- package/dist/report/standalone.js +1 -1
- package/package.json +2 -2
- package/readme.md +2 -2
- package/report/renderer/dom.js +1 -1
- package/report/test/generator/file-namer-test.js +1 -1
- package/report/test/generator/report-generator-test.js +1 -1
- package/report/test/renderer/category-renderer-test.js +1 -1
- package/report/test/renderer/crc-details-renderer-test.js +1 -1
- package/report/test/renderer/details-renderer-test.js +1 -1
- package/report/test/renderer/dom-test.js +1 -1
- package/report/test/renderer/i18n-test.js +1 -1
- package/report/test/renderer/performance-category-renderer-test.js +1 -1
- package/report/test/renderer/pwa-category-renderer-test.js +1 -1
- package/report/test/renderer/report-renderer-test.js +2 -2
- package/report/test/renderer/report-ui-features-test.js +1 -1
- package/report/test/renderer/snippet-renderer-test.js +1 -1
- package/report/test/renderer/util-test.js +1 -1
- package/shared/localization/locales/en-US.json +1 -1
- package/shared/localization/locales/en-XL.json +1 -1
- package/shared/test/localization/locales-test.js +1 -1
- package/types/global-lh.d.ts +2 -2
- package/types/puppeteer.d.ts +22 -0
- package/changelog.md +0 -5902
|
@@ -18,7 +18,7 @@ class CustomControlsLabels extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'custom-controls-labels',
|
|
21
|
-
description: 'Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. [Learn more about custom controls and labels](https://
|
|
21
|
+
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/).',
|
|
22
22
|
title: 'Custom controls have associated labels',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class CustomControlsRoles extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'custom-controls-roles',
|
|
21
|
-
description: 'Custom interactive controls have appropriate ARIA roles. [Learn how to add roles to custom controls](https://
|
|
21
|
+
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/).',
|
|
22
22
|
title: 'Custom controls have ARIA roles',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class FocusTraps extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'focus-traps',
|
|
21
|
-
description: 'A user can tab into and out of any control or region without accidentally trapping their focus. [Learn how to avoid focus traps](https://
|
|
21
|
+
description: 'A user can tab into and out of any control or region without accidentally trapping their focus. [Learn how to avoid focus traps](https://developer.chrome.com/docs/lighthouse/accessibility/focus-traps/).',
|
|
22
22
|
title: 'User focus is not accidentally trapped in a region',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class FocusableControls extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'focusable-controls',
|
|
21
|
-
description: 'Custom interactive controls are keyboard focusable and display a focus indicator. [Learn how to make custom controls focusable](https://
|
|
21
|
+
description: 'Custom interactive controls are keyboard focusable and display a focus indicator. [Learn how to make custom controls focusable](https://developer.chrome.com/docs/lighthouse/accessibility/focusable-controls/).',
|
|
22
22
|
title: 'Interactive controls are keyboard focusable',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class InteractiveElementAffordance extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'interactive-element-affordance',
|
|
21
|
-
description: 'Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. [Learn how to decorate interactive elements with affordance hints](https://
|
|
21
|
+
description: 'Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. [Learn how to decorate interactive elements with affordance hints](https://developer.chrome.com/docs/lighthouse/accessibility/interactive-element-affordance/).',
|
|
22
22
|
title: 'Interactive elements indicate their purpose and state',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class LogicalTabOrder extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'logical-tab-order',
|
|
21
|
-
description: 'Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. [Learn more about logical tab ordering](https://
|
|
21
|
+
description: 'Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. [Learn more about logical tab ordering](https://developer.chrome.com/docs/lighthouse/accessibility/logical-tab-order/).',
|
|
22
22
|
title: 'The page has a logical tab order',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class ManagedFocus extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'managed-focus',
|
|
21
|
-
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://
|
|
21
|
+
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/).',
|
|
22
22
|
title: 'The user\'s focus is directed to new content added to the page',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -19,7 +19,7 @@ class OffscreenContentHidden extends ManualAudit {
|
|
|
19
19
|
static get meta() {
|
|
20
20
|
return Object.assign({
|
|
21
21
|
id: 'offscreen-content-hidden',
|
|
22
|
-
description: 'Offscreen content is hidden with display: none or aria-hidden=true. [Learn how to properly hide offscreen content](https://
|
|
22
|
+
description: 'Offscreen content is hidden with display: none or aria-hidden=true. [Learn how to properly hide offscreen content](https://developer.chrome.com/docs/lighthouse/accessibility/offscreen-content-hidden/).',
|
|
23
23
|
title: 'Offscreen content is hidden from assistive technology',
|
|
24
24
|
}, super.partialMeta);
|
|
25
25
|
}
|
|
@@ -18,7 +18,7 @@ class UseLandmarks extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'use-landmarks',
|
|
21
|
-
description: 'Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more about landmark elements](https://
|
|
21
|
+
description: 'Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. [Learn more about landmark elements](https://developer.chrome.com/docs/lighthouse/accessibility/use-landmarks/).',
|
|
22
22
|
title: 'HTML5 landmark elements are used to improve navigation',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ class VisualOrderFollowsDOM extends ManualAudit {
|
|
|
18
18
|
static get meta() {
|
|
19
19
|
return Object.assign({
|
|
20
20
|
id: 'visual-order-follows-dom',
|
|
21
|
-
description: 'DOM order matches the visual order, improving navigation for assistive technology. [Learn more about DOM and visual ordering](https://
|
|
21
|
+
description: 'DOM order matches the visual order, improving navigation for assistive technology. [Learn more about DOM and visual ordering](https://developer.chrome.com/docs/lighthouse/accessibility/visual-order-follows-dom/).',
|
|
22
22
|
title: 'Visual order on the page follows DOM order',
|
|
23
23
|
}, super.partialMeta);
|
|
24
24
|
}
|
|
@@ -38,7 +38,7 @@ const UIStrings = {
|
|
|
38
38
|
/** Title of the Accessibility category of audits. This section contains audits focused on making web content accessible to all users. Also used as a label of a score gauge; try to limit to 20 characters. */
|
|
39
39
|
a11yCategoryTitle: 'Accessibility',
|
|
40
40
|
/** Description of the Accessibility category. This is displayed at the top of a list of audits focused on making web content accessible to all users. No character length limits. 'improve the accessibility of your web app' becomes link text to additional documentation. */
|
|
41
|
-
a11yCategoryDescription: 'These checks highlight opportunities to [improve the accessibility of your web app](https://
|
|
41
|
+
a11yCategoryDescription: 'These checks highlight opportunities to [improve the accessibility of your web app](https://developer.chrome.com/docs/lighthouse/accessibility/). Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.',
|
|
42
42
|
/** Description of the Accessibility manual checks category. This description is displayed above a list of accessibility audits that currently have no automated test and so must be verified manually by the user. No character length limits. 'conducting an accessibility review' becomes link text to additional documentation. */
|
|
43
43
|
a11yCategoryManualDescription: 'These items address areas which an automated testing tool cannot cover. Learn more in our guide on [conducting an accessibility review](https://web.dev/how-to-review/).',
|
|
44
44
|
/** Title of the best practices section of the Accessibility category. Within this section are audits with descriptive titles that highlight common accessibility best practices. */
|
|
@@ -1661,7 +1661,7 @@ class DOM {
|
|
|
1661
1661
|
// Otherwise, append any links found.
|
|
1662
1662
|
const url = new URL(segment.linkHref);
|
|
1663
1663
|
|
|
1664
|
-
const DOCS_ORIGINS = ['https://developers.google.com', 'https://web.dev'];
|
|
1664
|
+
const DOCS_ORIGINS = ['https://developers.google.com', 'https://web.dev', 'https://developer.chrome.com'];
|
|
1665
1665
|
if (DOCS_ORIGINS.includes(url.origin)) {
|
|
1666
1666
|
url.searchParams.set('utm_source', 'lighthouse');
|
|
1667
1667
|
url.searchParams.set('utm_medium', this._lighthouseChannel);
|