lighthouse 9.5.0-dev.20221012 → 9.5.0-dev.20221013
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/core/audits/accessibility/accesskeys.js +1 -1
- package/core/audits/accessibility/aria-allowed-attr.js +1 -1
- package/core/audits/accessibility/aria-command-name.js +1 -1
- package/core/audits/accessibility/aria-hidden-body.js +1 -1
- package/core/audits/accessibility/aria-hidden-focus.js +1 -1
- package/core/audits/accessibility/aria-input-field-name.js +1 -1
- package/core/audits/accessibility/aria-progressbar-name.js +1 -1
- package/core/audits/accessibility/aria-required-attr.js +1 -1
- package/core/audits/accessibility/aria-required-children.js +1 -1
- package/core/audits/accessibility/aria-required-parent.js +1 -1
- package/core/audits/accessibility/aria-roles.js +1 -1
- package/core/audits/accessibility/aria-toggle-field-name.js +1 -1
- package/core/audits/accessibility/aria-treeitem-name.js +1 -1
- package/core/audits/accessibility/aria-valid-attr-value.js +1 -1
- package/core/audits/accessibility/aria-valid-attr.js +1 -1
- package/core/audits/accessibility/button-name.js +1 -1
- package/core/audits/accessibility/bypass.js +1 -1
- package/core/audits/accessibility/color-contrast.js +1 -1
- package/core/audits/accessibility/definition-list.js +1 -1
- package/core/audits/accessibility/dlitem.js +1 -1
- package/core/audits/accessibility/document-title.js +1 -1
- package/core/audits/accessibility/duplicate-id-active.js +1 -1
- package/core/audits/accessibility/duplicate-id-aria.js +1 -1
- package/core/audits/accessibility/form-field-multiple-labels.js +1 -1
- package/core/audits/accessibility/frame-title.js +1 -1
- package/core/audits/accessibility/heading-order.js +1 -1
- package/core/audits/accessibility/html-has-lang.js +1 -1
- package/core/audits/accessibility/html-lang-valid.js +1 -1
- package/core/audits/accessibility/image-alt.js +1 -1
- package/core/audits/accessibility/input-image-alt.js +1 -1
- package/core/audits/accessibility/label.js +1 -1
- package/core/audits/accessibility/link-name.js +1 -1
- package/core/audits/accessibility/list.js +1 -1
- package/core/audits/accessibility/listitem.js +1 -1
- package/core/audits/accessibility/meta-refresh.js +1 -1
- package/core/audits/accessibility/meta-viewport.js +1 -1
- package/core/audits/accessibility/object-alt.js +1 -1
- package/core/audits/accessibility/tabindex.js +1 -1
- package/core/audits/accessibility/td-headers-attr.js +1 -1
- package/core/audits/accessibility/th-has-data-cells.js +1 -1
- package/core/audits/accessibility/valid-lang.js +1 -1
- package/core/audits/accessibility/video-caption.js +1 -1
- package/core/audits/autocomplete.js +1 -1
- package/core/audits/bootup-time.js +1 -1
- package/core/audits/byte-efficiency/duplicated-javascript.js +1 -1
- package/core/audits/byte-efficiency/efficient-animated-content.js +1 -1
- package/core/audits/byte-efficiency/legacy-javascript.js +1 -1
- package/core/audits/byte-efficiency/modern-image-formats.js +1 -1
- package/core/audits/byte-efficiency/offscreen-images.js +1 -1
- package/core/audits/byte-efficiency/render-blocking-resources.js +1 -1
- package/core/audits/byte-efficiency/total-byte-weight.js +1 -1
- package/core/audits/byte-efficiency/unminified-css.js +1 -1
- package/core/audits/byte-efficiency/unminified-javascript.js +1 -1
- package/core/audits/byte-efficiency/unused-css-rules.js +1 -1
- package/core/audits/byte-efficiency/unused-javascript.js +1 -1
- package/core/audits/byte-efficiency/uses-long-cache-ttl.js +1 -1
- package/core/audits/byte-efficiency/uses-optimized-images.js +1 -1
- package/core/audits/byte-efficiency/uses-responsive-images.js +1 -1
- package/core/audits/byte-efficiency/uses-text-compression.js +1 -1
- package/core/audits/content-width.js +1 -1
- package/core/audits/critical-request-chains.js +1 -1
- package/core/audits/csp-xss.js +1 -1
- package/core/audits/deprecations.js +1 -1
- package/core/audits/dobetterweb/doctype.js +1 -1
- package/core/audits/dobetterweb/dom-size.js +1 -1
- package/core/audits/dobetterweb/geolocation-on-start.js +1 -1
- package/core/audits/dobetterweb/no-document-write.js +1 -1
- package/core/audits/dobetterweb/notification-on-start.js +1 -1
- package/core/audits/dobetterweb/password-inputs-can-be-pasted-into.js +1 -1
- package/core/audits/dobetterweb/uses-http2.js +1 -1
- package/core/audits/dobetterweb/uses-passive-event-listeners.js +1 -1
- package/core/audits/font-display.js +1 -1
- package/core/audits/image-aspect-ratio.js +1 -1
- package/core/audits/image-size-responsive.js +1 -1
- package/core/audits/installable-manifest.js +2 -3
- package/core/audits/is-on-https.js +1 -1
- package/core/audits/mainthread-work-breakdown.js +1 -1
- package/core/audits/manual/pwa-cross-browser.js +1 -1
- package/core/audits/manual/pwa-each-page-has-url.js +1 -1
- package/core/audits/manual/pwa-page-transitions.js +1 -1
- package/core/audits/maskable-icon.js +1 -1
- package/core/audits/metrics/cumulative-layout-shift.js +1 -1
- package/core/audits/metrics/experimental-interaction-to-next-paint.js +1 -1
- package/core/audits/metrics/first-contentful-paint.js +1 -1
- package/core/audits/metrics/first-meaningful-paint.js +1 -1
- package/core/audits/metrics/interactive.js +1 -1
- package/core/audits/metrics/largest-contentful-paint.js +1 -1
- package/core/audits/metrics/max-potential-fid.js +1 -1
- package/core/audits/metrics/speed-index.js +1 -1
- package/core/audits/network-rtt.js +1 -1
- package/core/audits/network-server-latency.js +1 -1
- package/core/audits/no-unload-listeners.js +1 -1
- package/core/audits/performance-budget.js +1 -1
- package/core/audits/preload-fonts.js +1 -1
- package/core/audits/redirects.js +1 -1
- package/core/audits/resource-summary.js +1 -1
- package/core/audits/seo/canonical.js +1 -1
- package/core/audits/seo/crawlable-anchors.js +1 -1
- package/core/audits/seo/font-size.js +1 -1
- package/core/audits/seo/hreflang.js +1 -1
- package/core/audits/seo/http-status-code.js +1 -1
- package/core/audits/seo/is-crawlable.js +1 -1
- package/core/audits/seo/link-text.js +1 -1
- package/core/audits/seo/manual/structured-data.js +1 -1
- package/core/audits/seo/meta-description.js +1 -1
- package/core/audits/seo/plugins.js +1 -1
- package/core/audits/seo/tap-targets.js +1 -1
- package/core/audits/server-response-time.js +1 -1
- package/core/audits/service-worker.js +1 -1
- package/core/audits/splash-screen.js +1 -1
- package/core/audits/themed-omnibox.js +1 -1
- package/core/audits/third-party-facades.js +1 -1
- package/core/audits/third-party-summary.js +1 -1
- package/core/audits/timing-budget.js +1 -1
- package/core/audits/unsized-images.js +1 -1
- package/core/audits/user-timings.js +1 -1
- package/core/audits/uses-rel-preconnect.js +1 -1
- package/core/audits/uses-rel-preload.js +1 -1
- package/core/audits/valid-source-maps.js +1 -1
- package/core/audits/viewport.js +1 -1
- package/core/audits/work-during-interaction.js +1 -1
- package/core/config/default-config.js +5 -5
- package/package.json +1 -1
- package/shared/localization/locales/en-US.json +4 -4
- package/shared/localization/locales/en-XL.json +4 -4
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[accesskey]` values are unique',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if the ARIA HTML attributes are misaligned with the aria-role HTML attribute specificed on the element, such mismatches are invalid. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[accesskey]` values are not unique',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Access keys let users quickly focus a part of the page. For proper ' +
|
|
22
22
|
'navigation, each access key must be unique. ' +
|
|
23
23
|
'[Learn more about access keys](https://dequeuniversity.com/rules/axe/4.4/accesskeys).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[aria-*]` attributes match their roles',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if the ARIA HTML attributes are misaligned with the aria-role HTML attribute specificed on the element, such mismatches are invalid. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[aria-*]` attributes do not match their roles',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Each ARIA `role` supports a specific subset of `aria-*` attributes. ' +
|
|
22
22
|
'Mismatching these invalidates the `aria-*` attributes. [Learn ' +
|
|
23
23
|
'how to match ARIA attributes to their roles](https://dequeuniversity.com/rules/axe/4.4/aria-allowed-attr).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`button`, `link`, and `menuitem` elements have accessible names',
|
|
18
18
|
/** Title of an accessibility audit that evaluates if important HTML elements do not have accessible names. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`button`, `link`, and `menuitem` elements do not have accessible names.',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should have accessible names for HTML elements. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should have accessible names for HTML elements. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/aria-command-name).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[aria-hidden="true"]` is not present on the document `<body>`',
|
|
18
18
|
/** Title of an accesibility audit that checks if the html <body> element does not have an aria-hidden attribute set on it. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[aria-hidden="true"]` is present on the document `<body>`',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document `<body>`. [Learn how `aria-hidden` affects the document body](https://dequeuniversity.com/rules/axe/4.4/aria-hidden-body).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[aria-hidden="true"]` elements do not contain focusable descendents',
|
|
18
18
|
/** Title of an accesibility audit that checks if all elements that have an aria-hidden attribute do not contain focusable descendent elements. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[aria-hidden="true"]` elements contain focusable descendents',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/aria-hidden-focus).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'ARIA input fields have accessible names',
|
|
18
18
|
/** Title of an accesibility audit that checks that all ARIA input fields have an accessible name. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'ARIA input fields do not have accessible names',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/aria-input-field-name).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'ARIA `progressbar` elements have accessible names',
|
|
18
18
|
/** Title of an accessibility audit that evaluates if progressbar HTML elements do not have accessible names. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'ARIA `progressbar` elements do not have accessible names.',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/aria-progressbar-name).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[role]`s have all required `[aria-*]` attributes',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all elements with the aria-role attribute have the other corresponding ARIA attributes set as well. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[role]`s do not have all required `[aria-*]` attributes',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Some ARIA roles have required attributes that describe the state ' +
|
|
22
22
|
'of the element to screen readers. [Learn more about roles and required attributes](https://dequeuniversity.com/rules/axe/4.4/aria-required-attr).',
|
|
23
23
|
};
|
|
@@ -20,7 +20,7 @@ const UIStrings = {
|
|
|
20
20
|
/** Title of an accesibility audit that evaluates if the elements with an aria-role that require child elements have the required children. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
21
21
|
failureTitle: 'Elements with an ARIA `[role]` that require children to contain a specific ' +
|
|
22
22
|
'`[role]` are missing some or all of those required children.',
|
|
23
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
23
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
24
24
|
description: 'Some ARIA parent roles must contain specific child roles to perform ' +
|
|
25
25
|
'their intended accessibility functions. ' +
|
|
26
26
|
'[Learn more about roles and required children elements](https://dequeuniversity.com/rules/axe/4.4/aria-required-children).',
|
|
@@ -18,7 +18,7 @@ const UIStrings = {
|
|
|
18
18
|
title: '`[role]`s are contained by their required parent element',
|
|
19
19
|
/** Title of an accesibility audit that evaluates valid aria-role usage. Some ARIA roles require that elements must be a child of specific parent element. This audit checks that when those roles are used, the element with the role is in fact a child of the required parent. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: '`[role]`s are not contained by their required parent element',
|
|
21
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
21
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
22
22
|
description: 'Some ARIA child roles must be contained by specific parent roles to ' +
|
|
23
23
|
'properly perform their intended accessibility functions. ' +
|
|
24
24
|
'[Learn more about ARIA roles and required parent element](https://dequeuniversity.com/rules/axe/4.4/aria-required-parent).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[role]` values are valid',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all elements have valid aria-role HTML attributes. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[role]` values are not valid',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'ARIA roles must have valid values in order to perform their ' +
|
|
22
22
|
'intended accessibility functions. ' +
|
|
23
23
|
'[Learn more about valid ARIA roles](https://dequeuniversity.com/rules/axe/4.4/aria-roles).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'ARIA toggle fields have accessible names',
|
|
18
18
|
/** Title of an accesibility audit that checks that all ARIA toggle fields have an accessible name. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'ARIA toggle fields do not have accessible names',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/aria-toggle-field-name).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'ARIA `treeitem` elements have accessible names',
|
|
18
18
|
/** Title of an accessibility audit that evaluates if treeitem HTML elements do not have accessible names. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'ARIA `treeitem` elements do not have accessible names.',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should have accessible names for HTML elements. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should have accessible names for HTML elements. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/aria-treeitem-name).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[aria-*]` attributes have valid values',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all elements that have an ARIA HTML attribute have a valid value for that attribute. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[aria-*]` attributes do not have valid values',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Assistive technologies, like screen readers, can\'t interpret ARIA ' +
|
|
22
22
|
'attributes with invalid values. [Learn ' +
|
|
23
23
|
'more about valid values for ARIA attributes](https://dequeuniversity.com/rules/axe/4.4/aria-valid-attr-value).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[aria-*]` attributes are valid and not misspelled',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all elements with ARIA HTML attributes have spelled the name of attribute correctly. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[aria-*]` attributes are not valid or misspelled',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Assistive technologies, like screen readers, can\'t interpret ARIA ' +
|
|
22
22
|
'attributes with invalid names. [Learn ' +
|
|
23
23
|
'more about valid ARIA attributes](https://dequeuniversity.com/rules/axe/4.4/aria-valid-attr).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Buttons have an accessible name',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all button elements have names accessible to screen readers. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Buttons do not have an accessible name',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'When a button doesn\'t have an accessible name, screen readers announce it ' +
|
|
22
22
|
'as "button", making it unusable for users who rely on screen readers. ' +
|
|
23
23
|
'[Learn how to make buttons more accessible](https://dequeuniversity.com/rules/axe/4.4/button-name).',
|
|
@@ -18,7 +18,7 @@ const UIStrings = {
|
|
|
18
18
|
title: 'The page contains a heading, skip link, or landmark region',
|
|
19
19
|
/** Title of an accesibility audit that evaluates if the page has elements that let screen reader users skip over repetitive content. `heading`, `skip link`, and `landmark region` are technical terms for the elements that enable quick page navigation. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: 'The page does not contain a heading, skip link, or landmark region',
|
|
21
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
21
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
22
22
|
description: 'Adding ways to bypass repetitive content lets keyboard users navigate the ' +
|
|
23
23
|
'page more efficiently. ' +
|
|
24
24
|
'[Learn more about bypass blocks](https://dequeuniversity.com/rules/axe/4.4/bypass).',
|
|
@@ -19,7 +19,7 @@ const UIStrings = {
|
|
|
19
19
|
/** Title of an accesibility audit that evaluates if all foreground colors are distinct enough from their background colors to be legible for users. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: 'Background and foreground colors do not have a ' +
|
|
21
21
|
'sufficient contrast ratio.',
|
|
22
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
22
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
23
23
|
description: 'Low-contrast text is difficult or impossible for many users to read. ' +
|
|
24
24
|
'[Learn how to provide sufficient color contrast](https://dequeuniversity.com/rules/axe/4.4/color-contrast).',
|
|
25
25
|
};
|
|
@@ -19,7 +19,7 @@ const UIStrings = {
|
|
|
19
19
|
/** Title of an accesibility audit that evaluates if all the definition list elements have valid markup for screen readers. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: '`<dl>`\'s do not contain only properly-ordered `<dt>` and `<dd>` ' +
|
|
21
21
|
'groups, `<script>`, `<template>` or `<div>` elements.',
|
|
22
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
22
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
23
23
|
description: 'When definition lists are not properly marked up, screen readers may produce ' +
|
|
24
24
|
'confusing or inaccurate output. ' +
|
|
25
25
|
'[Learn how to structure definition lists correctly](https://dequeuniversity.com/rules/axe/4.4/definition-list).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Definition list items are wrapped in `<dl>` elements',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all definition list item elements (`<dt>`/`<dd>`) have a definition list parent element (`<dl>`). This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Definition list items are not wrapped in `<dl>` elements',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Definition list items (`<dt>` and `<dd>`) must be wrapped in a ' +
|
|
22
22
|
'parent `<dl>` element to ensure that screen readers can properly announce them. ' +
|
|
23
23
|
'[Learn how to structure definition lists correctly](https://dequeuniversity.com/rules/axe/4.4/dlitem).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Document has a `<title>` element',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if the page has a <title> element that describes the page. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Document doesn\'t have a `<title>` element',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'The title gives screen reader users an overview of the page, and search ' +
|
|
22
22
|
'engine users rely on it heavily to determine if a page is relevant to their search. ' +
|
|
23
23
|
'[Learn more about document titles](https://dequeuniversity.com/rules/axe/4.4/document-title).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[id]` attributes on active, focusable elements are unique',
|
|
18
18
|
/** Title of an accesibility audit that checks if there are any duplicate id HTML attributes on active, focusable elements. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[id]` attributes on active, focusable elements are not unique',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'All focusable elements must have a unique `id` to ensure that they\'re visible to assistive technologies. [Learn how to fix duplicate `id`s](https://dequeuniversity.com/rules/axe/4.4/duplicate-id-active).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'ARIA IDs are unique',
|
|
18
18
|
/** Title of an accesibility audit that checks if there are any duplicate ARIA IDs on the page. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'ARIA IDs are not unique',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. [Learn how to fix duplicate ARIA IDs](https://dequeuniversity.com/rules/axe/4.4/duplicate-id-aria).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'No form fields have multiple labels',
|
|
18
18
|
/** Title of an accesibility audit that checks if any form fields have multiple label elements. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Form fields have multiple labels',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
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.4/form-field-multiple-labels).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`<frame>` or `<iframe>` elements have a title',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all `<frame>` and `<iframe>` elements on the page have a title HTML attribute to describe their contents. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`<frame>` or `<iframe>` elements do not have a title',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Screen reader users rely on frame titles to describe the contents of frames. ' +
|
|
22
22
|
'[Learn more about frame titles](https://dequeuniversity.com/rules/axe/4.4/frame-title).',
|
|
23
23
|
};
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Heading elements appear in a sequentially-descending order',
|
|
18
18
|
/** Title of an accesibility audit that checks if heading elements (<h1>, <h2>, etc) appear in numeric order and only ever increase in steps of 1. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Heading elements are not in a sequentially-descending order',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. [Learn more about heading order](https://dequeuniversity.com/rules/axe/4.4/heading-order).',
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`<html>` element has a `[lang]` attribute',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if the root HTML tag has a lang attribute identifying the page's language. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`<html>` element does not have a `[lang]` attribute',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'If a page doesn\'t specify a `lang` attribute, a screen reader assumes ' +
|
|
22
22
|
'that the page is in the default language that the user chose when setting up the ' +
|
|
23
23
|
'screen reader. If the page isn\'t actually in the default language, then the screen ' +
|
|
@@ -18,7 +18,7 @@ const UIStrings = {
|
|
|
18
18
|
/** Title of an accesibility audit that evaluates if the value for root HTML tag's lang attribute is a valid BCP 47 language. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`<html>` element does not have a valid value for ' +
|
|
20
20
|
'its `[lang]` attribute.',
|
|
21
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
21
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
22
22
|
description: 'Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) ' +
|
|
23
23
|
'helps screen readers announce text properly. ' +
|
|
24
24
|
'[Learn how to use the `lang` attribute](https://dequeuniversity.com/rules/axe/4.4/html-lang-valid).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Image elements have `[alt]` attributes',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all image elements have the alt HTML attribute to describe their contents. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Image elements do not have `[alt]` attributes',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Informative elements should aim for short, descriptive alternate text. ' +
|
|
22
22
|
'Decorative elements can be ignored with an empty alt attribute. ' +
|
|
23
23
|
'[Learn more about the `alt` attribute](https://dequeuniversity.com/rules/axe/4.4/image-alt).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`<input type="image">` elements have `[alt]` text',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all input elements of type image have an alt HTML attribute to describe their contents. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`<input type="image">` elements do not have `[alt]` text',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'When an image is being used as an `<input>` button, providing alternative ' +
|
|
22
22
|
'text can help screen reader users understand the purpose of the button. ' +
|
|
23
23
|
'[Learn about input image alt text](https://dequeuniversity.com/rules/axe/4.4/input-image-alt).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Form elements have associated labels',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all form elements have corresponding label elements. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Form elements do not have associated labels',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Labels ensure that form controls are announced properly by assistive ' +
|
|
22
22
|
'technologies, like screen readers. [Learn ' +
|
|
23
23
|
'more about form element labels](https://dequeuniversity.com/rules/axe/4.4/label).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'Links have a discernible name',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all link elements have a non-generic name to screen readers. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Links do not have a discernible name',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Link text (and alternate text for images, when used as links) that is ' +
|
|
22
22
|
'discernible, unique, and focusable improves the navigation experience for ' +
|
|
23
23
|
'screen reader users. ' +
|
|
@@ -19,7 +19,7 @@ const UIStrings = {
|
|
|
19
19
|
/** Title of an accesibility audit that evaluates if all list elements have a valid structure containing only list items. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: 'Lists do not contain only `<li>` elements and script ' +
|
|
21
21
|
'supporting elements (`<script>` and `<template>`).',
|
|
22
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
22
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
23
23
|
description: 'Screen readers have a specific way of announcing lists. Ensuring proper list ' +
|
|
24
24
|
'structure aids screen reader output. ' +
|
|
25
25
|
'[Learn more about proper list structure](https://dequeuniversity.com/rules/axe/4.4/list).',
|
|
@@ -18,7 +18,7 @@ const UIStrings = {
|
|
|
18
18
|
/** Title of an accesibility audit that evaluates if any list item elements do not have list parent elements. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'List items (`<li>`) are not contained within `<ul>`, ' +
|
|
20
20
|
'`<ol>` or `<menu>` parent elements.',
|
|
21
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
21
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
22
22
|
description: 'Screen readers require list items (`<li>`) to be contained within a ' +
|
|
23
23
|
'parent `<ul>`, `<ol>` or `<menu>` to be announced properly. ' +
|
|
24
24
|
'[Learn more about proper list structure](https://dequeuniversity.com/rules/axe/4.4/listitem).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'The document does not use `<meta http-equiv="refresh">`',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if the page uses a meta tag that refreshes the page automatically. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'The document uses `<meta http-equiv="refresh">`',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Users do not expect a page to refresh automatically, and doing so will move ' +
|
|
22
22
|
'focus back to the top of the page. This may create a frustrating or ' +
|
|
23
23
|
'confusing experience. ' +
|
|
@@ -19,7 +19,7 @@ const UIStrings = {
|
|
|
19
19
|
/** Title of an accesibility audit that evaluates if the page has limited the scaling properties of the page in a way that harms users with low vision. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: '`[user-scalable="no"]` is used in the `<meta name="viewport">` ' +
|
|
21
21
|
'element or the `[maximum-scale]` attribute is less than 5.',
|
|
22
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
22
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
23
23
|
description: 'Disabling zooming is problematic for users with low vision who rely on ' +
|
|
24
24
|
'screen magnification to properly see the contents of a web page. ' +
|
|
25
25
|
'[Learn more about the viewport meta tag](https://dequeuniversity.com/rules/axe/4.4/meta-viewport).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`<object>` elements have alternate text',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all object elements have an alt HTML attribute that describes their contents. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`<object>` elements do not have alternate text',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Screen readers cannot translate non-text content. Adding alternate text to ' +
|
|
22
22
|
'`<object>` elements helps screen readers convey meaning to users. ' +
|
|
23
23
|
'[Learn more about alt text for `object` elements](https://dequeuniversity.com/rules/axe/4.4/object-alt).',
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: 'No element has a `[tabindex]` value greater than 0',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if any elements have custom tabindex HTML attributes that might frustrate users of assitive technology. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: 'Some elements have a `[tabindex]` value greater than 0',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'A value greater than 0 implies an explicit navigation ordering. ' +
|
|
22
22
|
'Although technically valid, this often creates frustrating experiences ' +
|
|
23
23
|
'for users who rely on assistive technologies. [Learn more about the `tabindex` attribute](https://dequeuniversity.com/rules/axe/4.4/tabindex).',
|
|
@@ -20,7 +20,7 @@ const UIStrings = {
|
|
|
20
20
|
/** Title of an accesibility audit that evaluates if all table cell elements in a table that use the headers HTML attribute use it correctly to refer to header cells within the same table. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
21
21
|
failureTitle: 'Cells in a `<table>` element that use the `[headers]` attribute refer ' +
|
|
22
22
|
'to an element `id` not found within the same table.',
|
|
23
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
23
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
24
24
|
description: 'Screen readers have features to make navigating tables easier. Ensuring ' +
|
|
25
25
|
'`<td>` cells using the `[headers]` attribute only refer to other cells in the same ' +
|
|
26
26
|
'table may improve the experience for screen reader users. ' +
|
|
@@ -19,7 +19,7 @@ const UIStrings = {
|
|
|
19
19
|
/** Title of an accesibility audit that evaluates if all table header elements have children. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
20
20
|
failureTitle: '`<th>` elements and elements with ' +
|
|
21
21
|
'`[role="columnheader"/"rowheader"]` do not have data cells they describe.',
|
|
22
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
22
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
23
23
|
description: 'Screen readers have features to make navigating tables easier. Ensuring ' +
|
|
24
24
|
'table headers always refer to some set of cells may improve the experience for screen ' +
|
|
25
25
|
'reader users. ' +
|
|
@@ -17,7 +17,7 @@ const UIStrings = {
|
|
|
17
17
|
title: '`[lang]` attributes have a valid value',
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all lang HTML attributes are valid BCP 47 languages. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`[lang]` attributes do not have a valid value',
|
|
20
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
20
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
21
21
|
description: 'Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) ' +
|
|
22
22
|
'on elements helps ensure that text is pronounced correctly by a screen reader. ' +
|
|
23
23
|
'[Learn how to use the `lang` attribute](https://dequeuniversity.com/rules/axe/4.4/valid-lang).',
|
|
@@ -18,7 +18,7 @@ const UIStrings = {
|
|
|
18
18
|
/** Title of an accesibility audit that evaluates if all video elements contain a child track element that has captions describing their audio. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */
|
|
19
19
|
failureTitle: '`<video>` elements do not contain a `<track>` element ' +
|
|
20
20
|
'with `[kind="captions"]`.',
|
|
21
|
-
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
21
|
+
/** Description of a Lighthouse audit that tells the user *why* they should try to pass. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
22
22
|
description: 'When a video provides a caption it is easier for deaf and hearing impaired ' +
|
|
23
23
|
'users to access its information. ' +
|
|
24
24
|
'[Learn more about video captions](https://dequeuniversity.com/rules/axe/4.4/video-caption).',
|
|
@@ -21,7 +21,7 @@ const UIStrings = {
|
|
|
21
21
|
title: '`<input>` elements correctly use `autocomplete`',
|
|
22
22
|
/** Title of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This descriptive title is shown to users when one or more inputs do not have autocomplete set or has an invalid autocomplete set. */
|
|
23
23
|
failureTitle: '`<input>` elements do not have correct `autocomplete` attributes',
|
|
24
|
-
/** Description of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
24
|
+
/** Description of a Lighthouse audit that lets the user know if there are any missing or invalid autocomplete attributes on page inputs. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
25
25
|
description: '`autocomplete` helps users submit forms quicker. To reduce user ' +
|
|
26
26
|
'effort, consider enabling by setting the `autocomplete` ' +
|
|
27
27
|
'attribute to a valid value.' +
|
|
@@ -16,7 +16,7 @@ const UIStrings = {
|
|
|
16
16
|
title: 'JavaScript execution time',
|
|
17
17
|
/** Title of a diagnostic audit that provides detail on the time spent executing javascript files during the load. This imperative title is shown to users when there is a significant amount of execution time that could be reduced. */
|
|
18
18
|
failureTitle: 'Reduce JavaScript execution time',
|
|
19
|
-
/** Description of a Lighthouse audit that tells the user that they should reduce the amount of time spent executing javascript and one method of doing so. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
19
|
+
/** Description of a Lighthouse audit that tells the user that they should reduce the amount of time spent executing javascript and one method of doing so. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
20
20
|
description: 'Consider reducing the time spent parsing, compiling, and executing JS. ' +
|
|
21
21
|
'You may find delivering smaller JS payloads helps with this. ' +
|
|
22
22
|
'[Learn how to reduce Javascript execution time](https://web.dev/bootup-time/).',
|
|
@@ -16,7 +16,7 @@ import {getRequestForScript} from '../../lib/script-helpers.js';
|
|
|
16
16
|
const UIStrings = {
|
|
17
17
|
/** Imperative title of a Lighthouse audit that tells the user to remove duplicate JavaScript from their code. This is displayed in a list of audit titles that Lighthouse generates. */
|
|
18
18
|
title: 'Remove duplicate modules in JavaScript bundles',
|
|
19
|
-
/** Description of a Lighthouse audit that tells the user *why* they should remove duplicate JavaScript from their scripts. This is displayed after a user expands the section to see more. No word length limits. 'Learn
|
|
19
|
+
/** Description of a Lighthouse audit that tells the user *why* they should remove duplicate JavaScript from their scripts. This is displayed after a user expands the section to see more. No word length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
20
20
|
description: 'Remove large, duplicate JavaScript modules from bundles ' +
|
|
21
21
|
'to reduce unnecessary bytes consumed by network activity. ', // +
|
|
22
22
|
// TODO: we need docs.
|
|
@@ -15,7 +15,7 @@ import * as i18n from '../../lib/i18n/i18n.js';
|
|
|
15
15
|
const UIStrings = {
|
|
16
16
|
/** Imperative title of a Lighthouse audit that tells the user to use video formats rather than animated GIFs, which are wasteful. This is displayed in a list of audit titles that Lighthouse generates. */
|
|
17
17
|
title: 'Use video formats for animated content',
|
|
18
|
-
/** Description of a Lighthouse audit that tells the user *why* they should use video instead of GIF format for delivering animated content. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
18
|
+
/** Description of a Lighthouse audit that tells the user *why* they should use video instead of GIF format for delivering animated content. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
19
19
|
description: 'Large GIFs are inefficient for delivering animated content. Consider using ' +
|
|
20
20
|
'MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save ' +
|
|
21
21
|
'network bytes. [Learn more about efficient video formats](https://web.dev/efficient-animated-content/)',
|
|
@@ -37,7 +37,7 @@ const UIStrings = {
|
|
|
37
37
|
title: 'Avoid serving legacy JavaScript to modern browsers',
|
|
38
38
|
// eslint-disable-next-line max-len
|
|
39
39
|
// TODO: web.dev article. this codelab is good starting place: https://web.dev/codelab-serve-modern-code/
|
|
40
|
-
/** Description of a Lighthouse audit that tells the user about old JavaScript that is no longer needed. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
40
|
+
/** Description of a Lighthouse audit that tells the user about old JavaScript that is no longer needed. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
41
41
|
description: 'Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren\'t necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. [Learn how to use modern JavaScript](https://web.dev/publish-modern-javascript/)',
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -15,7 +15,7 @@ import * as i18n from '../../lib/i18n/i18n.js';
|
|
|
15
15
|
const UIStrings = {
|
|
16
16
|
/** Imperative title of a Lighthouse audit that tells the user to serve images in newer and more efficient image formats in order to enhance the performance of a page. A non-modern image format was designed 20+ years ago. This is displayed in a list of audit titles that Lighthouse generates. */
|
|
17
17
|
title: 'Serve images in next-gen formats',
|
|
18
|
-
/** Description of a Lighthouse audit that tells the user *why* they should use newer and more efficient image formats. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
18
|
+
/** Description of a Lighthouse audit that tells the user *why* they should use newer and more efficient image formats. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
19
19
|
description: 'Image formats like WebP and AVIF often provide better ' +
|
|
20
20
|
'compression than PNG or JPEG, which means faster downloads and less data consumption. ' +
|
|
21
21
|
'[Learn more about modern image formats](https://web.dev/uses-webp-images/).',
|
|
@@ -20,7 +20,7 @@ import {ProcessedTrace} from '../../computed/processed-trace.js';
|
|
|
20
20
|
const UIStrings = {
|
|
21
21
|
/** Imperative title of a Lighthouse audit that tells the user to defer loading offscreen images. Offscreen images are images located outside of the visible browser viewport. As they are unseen by the user and slow down page load, they should be loaded later, closer to when the user is going to see them. This is displayed in a list of audit titles that Lighthouse generates. */
|
|
22
22
|
title: 'Defer offscreen images',
|
|
23
|
-
/** Description of a Lighthouse audit that tells the user *why* they should defer loading offscreen images. Offscreen images are images located outside of the visible browser viewport. As they are unseen by the user and slow down page load, they should be loaded later, closer to when the user is going to see them. This is displayed after a user expands the section to see more. No character length limits. 'Learn
|
|
23
|
+
/** Description of a Lighthouse audit that tells the user *why* they should defer loading offscreen images. Offscreen images are images located outside of the visible browser viewport. As they are unseen by the user and slow down page load, they should be loaded later, closer to when the user is going to see them. This is displayed after a user expands the section to see more. No character length limits. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
24
24
|
description:
|
|
25
25
|
'Consider lazy-loading offscreen and hidden images after all critical resources have ' +
|
|
26
26
|
'finished loading to lower time to interactive. ' +
|