lighthouse 9.5.0-dev.20220419 → 9.5.0-dev.20220420

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.
Files changed (55) hide show
  1. package/dist/report/bundle.esm.js +1 -1
  2. package/dist/report/flow.js +1 -1
  3. package/dist/report/standalone.js +1 -1
  4. package/lighthouse-core/audits/accessibility/accesskeys.js +1 -1
  5. package/lighthouse-core/audits/accessibility/aria-allowed-attr.js +1 -1
  6. package/lighthouse-core/audits/accessibility/aria-command-name.js +1 -1
  7. package/lighthouse-core/audits/accessibility/aria-hidden-body.js +1 -1
  8. package/lighthouse-core/audits/accessibility/aria-hidden-focus.js +1 -1
  9. package/lighthouse-core/audits/accessibility/aria-input-field-name.js +1 -1
  10. package/lighthouse-core/audits/accessibility/aria-meter-name.js +1 -1
  11. package/lighthouse-core/audits/accessibility/aria-progressbar-name.js +1 -1
  12. package/lighthouse-core/audits/accessibility/aria-required-attr.js +1 -1
  13. package/lighthouse-core/audits/accessibility/aria-required-children.js +1 -1
  14. package/lighthouse-core/audits/accessibility/aria-required-parent.js +1 -1
  15. package/lighthouse-core/audits/accessibility/aria-roles.js +1 -1
  16. package/lighthouse-core/audits/accessibility/aria-toggle-field-name.js +1 -1
  17. package/lighthouse-core/audits/accessibility/aria-tooltip-name.js +1 -1
  18. package/lighthouse-core/audits/accessibility/aria-treeitem-name.js +1 -1
  19. package/lighthouse-core/audits/accessibility/aria-valid-attr-value.js +1 -1
  20. package/lighthouse-core/audits/accessibility/aria-valid-attr.js +1 -1
  21. package/lighthouse-core/audits/accessibility/button-name.js +1 -1
  22. package/lighthouse-core/audits/accessibility/bypass.js +1 -1
  23. package/lighthouse-core/audits/accessibility/color-contrast.js +1 -1
  24. package/lighthouse-core/audits/accessibility/definition-list.js +1 -1
  25. package/lighthouse-core/audits/accessibility/dlitem.js +1 -1
  26. package/lighthouse-core/audits/accessibility/document-title.js +1 -1
  27. package/lighthouse-core/audits/accessibility/duplicate-id-active.js +1 -1
  28. package/lighthouse-core/audits/accessibility/duplicate-id-aria.js +1 -1
  29. package/lighthouse-core/audits/accessibility/form-field-multiple-labels.js +1 -1
  30. package/lighthouse-core/audits/accessibility/frame-title.js +1 -1
  31. package/lighthouse-core/audits/accessibility/heading-order.js +1 -1
  32. package/lighthouse-core/audits/accessibility/html-has-lang.js +1 -1
  33. package/lighthouse-core/audits/accessibility/html-lang-valid.js +1 -1
  34. package/lighthouse-core/audits/accessibility/image-alt.js +1 -1
  35. package/lighthouse-core/audits/accessibility/input-image-alt.js +1 -1
  36. package/lighthouse-core/audits/accessibility/label.js +1 -1
  37. package/lighthouse-core/audits/accessibility/link-name.js +1 -1
  38. package/lighthouse-core/audits/accessibility/list.js +1 -1
  39. package/lighthouse-core/audits/accessibility/listitem.js +1 -1
  40. package/lighthouse-core/audits/accessibility/meta-refresh.js +1 -1
  41. package/lighthouse-core/audits/accessibility/meta-viewport.js +1 -1
  42. package/lighthouse-core/audits/accessibility/object-alt.js +1 -1
  43. package/lighthouse-core/audits/accessibility/tabindex.js +1 -1
  44. package/lighthouse-core/audits/accessibility/td-headers-attr.js +1 -1
  45. package/lighthouse-core/audits/accessibility/th-has-data-cells.js +1 -1
  46. package/lighthouse-core/audits/accessibility/valid-lang.js +1 -1
  47. package/lighthouse-core/audits/accessibility/video-caption.js +1 -1
  48. package/lighthouse-core/config/default-config.js +1 -1
  49. package/package.json +1 -1
  50. package/report/assets/styles.css +5 -3
  51. package/report/renderer/components.js +1 -1
  52. package/report/test-assets/faux-psi.js +2 -0
  53. package/shared/localization/locales/en-US.json +45 -45
  54. package/shared/localization/locales/en-XL.json +45 -45
  55. package/third-party/snyk/snapshot.json +0 -1
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: '`button`, `link`, and `menuitem` elements do not have accessible names.',
21
21
  /** 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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/aria-name/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/aria-command-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: '`[aria-hidden="true"]` is present on the document `<body>`',
21
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 More' becomes link text to additional documentation. */
22
- description: 'Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document `<body>`. [Learn more](https://web.dev/aria-hidden-body/).',
22
+ description: 'Assistive technologies, like screen readers, work inconsistently when `aria-hidden="true"` is set on the document `<body>`. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-hidden-body).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: '`[aria-hidden="true"]` elements contain focusable descendents',
21
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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/aria-hidden-focus/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/aria-hidden-focus).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'ARIA input fields do not have accessible names',
21
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 More' becomes link text to additional documentation. */
22
- 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](https://web.dev/aria-name/).',
22
+ 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](https://dequeuniversity.com/rules/axe/4.4/aria-input-field-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** Title of an accessibility audit that evaluates if meter 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. */
20
20
  failureTitle: 'ARIA `meter` elements do not have accessible names.',
21
21
  /** 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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/aria-name/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/aria-meter-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'ARIA `progressbar` elements do not have accessible names.',
21
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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/aria-name/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/aria-progressbar-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -20,7 +20,7 @@ const UIStrings = {
20
20
  failureTitle: '`[role]`s do not have all required `[aria-*]` attributes',
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Some ARIA roles have required attributes that describe the state ' +
23
- 'of the element to screen readers. [Learn more](https://web.dev/aria-required-attr/).',
23
+ 'of the element to screen readers. [Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-required-attr).',
24
24
  };
25
25
 
26
26
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -24,7 +24,7 @@ const UIStrings = {
24
24
  /** 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 More' becomes link text to additional documentation. */
25
25
  description: 'Some ARIA parent roles must contain specific child roles to perform ' +
26
26
  'their intended accessibility functions. ' +
27
- '[Learn more](https://web.dev/aria-required-children/).',
27
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-required-children).',
28
28
  };
29
29
 
30
30
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
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 More' becomes link text to additional documentation. */
23
23
  description: 'Some ARIA child roles must be contained by specific parent roles to ' +
24
24
  'properly perform their intended accessibility functions. ' +
25
- '[Learn more](https://web.dev/aria-required-parent/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-required-parent).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'ARIA roles must have valid values in order to perform their ' +
23
23
  'intended accessibility functions. ' +
24
- '[Learn more](https://web.dev/aria-roles/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/aria-roles).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'ARIA toggle fields do not have accessible names',
21
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 More' becomes link text to additional documentation. */
22
- 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](https://web.dev/aria-name/).',
22
+ 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](https://dequeuniversity.com/rules/axe/4.4/aria-toggle-field-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** Title of an accessibility audit that evaluates if tooltip 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. */
20
20
  failureTitle: 'ARIA `tooltip` elements do not have accessible names.',
21
21
  /** 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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/aria-name/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/aria-tooltip-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'ARIA `treeitem` elements do not have accessible names.',
21
21
  /** 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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/aria-name/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/aria-treeitem-name).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Assistive technologies, like screen readers, can\'t interpret ARIA ' +
23
23
  'attributes with invalid values. [Learn ' +
24
- 'more](https://web.dev/aria-valid-attr-value/).',
24
+ 'more](https://dequeuniversity.com/rules/axe/4.4/aria-valid-attr-value).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Assistive technologies, like screen readers, can\'t interpret ARIA ' +
23
23
  'attributes with invalid names. [Learn ' +
24
- 'more](https://web.dev/aria-valid-attr/).',
24
+ 'more](https://dequeuniversity.com/rules/axe/4.4/aria-valid-attr).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'When a button doesn\'t have an accessible name, screen readers announce it ' +
23
23
  'as "button", making it unusable for users who rely on screen readers. ' +
24
- '[Learn more](https://web.dev/button-name/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/button-name).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
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 More' becomes link text to additional documentation. */
23
23
  description: 'Adding ways to bypass repetitive content lets keyboard users navigate the ' +
24
24
  'page more efficiently. ' +
25
- '[Learn more](https://web.dev/bypass/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/bypass).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
22
  'sufficient contrast ratio.',
23
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 More' becomes link text to additional documentation. */
24
24
  description: 'Low-contrast text is difficult or impossible for many users to read. ' +
25
- '[Learn more](https://web.dev/color-contrast/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/color-contrast).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -23,7 +23,7 @@ const UIStrings = {
23
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 More' becomes link text to additional documentation. */
24
24
  description: 'When definition lists are not properly marked up, screen readers may produce ' +
25
25
  'confusing or inaccurate output. ' +
26
- '[Learn more](https://web.dev/definition-list/).',
26
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/definition-list).',
27
27
  };
28
28
 
29
29
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Definition list items (`<dt>` and `<dd>`) must be wrapped in a ' +
23
23
  'parent `<dl>` element to ensure that screen readers can properly announce them. ' +
24
- '[Learn more](https://web.dev/dlitem/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/dlitem).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'The title gives screen reader users an overview of the page, and search ' +
23
23
  'engine users rely on it heavily to determine if a page is relevant to their search. ' +
24
- '[Learn more](https://web.dev/document-title/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/document-title).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: '`[id]` attributes on active, focusable elements are not unique',
21
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 More' becomes link text to additional documentation. */
22
- description: 'All focusable elements must have a unique `id` to ensure that they\'re visible to assistive technologies. [Learn more](https://web.dev/duplicate-id-active/).',
22
+ description: 'All focusable elements must have a unique `id` to ensure that they\'re visible to assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/4.4/duplicate-id-active).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'ARIA IDs are not unique',
21
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 More' becomes link text to additional documentation. */
22
- description: 'The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://web.dev/duplicate-id-aria/).',
22
+ description: 'The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/4.4/duplicate-id-aria).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'Form fields have multiple labels',
21
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 More' becomes link text to additional documentation. */
22
- 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 more](https://web.dev/form-field-multiple-labels/).',
22
+ 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 more](https://dequeuniversity.com/rules/axe/4.4/form-field-multiple-labels).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -20,7 +20,7 @@ const UIStrings = {
20
20
  failureTitle: '`<frame>` or `<iframe>` elements do not have a title',
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Screen reader users rely on frame titles to describe the contents of frames. ' +
23
- '[Learn more](https://web.dev/frame-title/).',
23
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/frame-title).',
24
24
  };
25
25
 
26
26
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -19,7 +19,7 @@ const UIStrings = {
19
19
  /** 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. */
20
20
  failureTitle: 'Heading elements are not in a sequentially-descending order',
21
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 More' becomes link text to additional documentation. */
22
- 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](https://web.dev/heading-order/).',
22
+ 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](https://dequeuniversity.com/rules/axe/4.4/heading-order).',
23
23
  };
24
24
 
25
25
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -23,7 +23,7 @@ const UIStrings = {
23
23
  'that the page is in the default language that the user chose when setting up the ' +
24
24
  'screen reader. If the page isn\'t actually in the default language, then the screen ' +
25
25
  'reader might not announce the page\'s text correctly. ' +
26
- '[Learn more](https://web.dev/html-has-lang/).',
26
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/html-has-lang).',
27
27
  };
28
28
 
29
29
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
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 More' becomes link text to additional documentation. */
23
23
  description: 'Specifying a valid [BCP 47 language](https://www.w3.org/International/questions/qa-choosing-language-tags#question) ' +
24
24
  'helps screen readers announce text properly. ' +
25
- '[Learn more](https://web.dev/html-lang-valid/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/html-lang-valid).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Informative elements should aim for short, descriptive alternate text. ' +
23
23
  'Decorative elements can be ignored with an empty alt attribute. ' +
24
- '[Learn more](https://web.dev/image-alt/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/image-alt).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'When an image is being used as an `<input>` button, providing alternative ' +
23
23
  'text can help screen reader users understand the purpose of the button. ' +
24
- '[Learn more](https://web.dev/input-image-alt/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/input-image-alt).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Labels ensure that form controls are announced properly by assistive ' +
23
23
  'technologies, like screen readers. [Learn ' +
24
- 'more](https://web.dev/label/).',
24
+ 'more](https://dequeuniversity.com/rules/axe/4.4/label).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
22
  description: 'Link text (and alternate text for images, when used as links) that is ' +
23
23
  'discernible, unique, and focusable improves the navigation experience for ' +
24
24
  'screen reader users. ' +
25
- '[Learn more](https://web.dev/link-name/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/link-name).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -23,7 +23,7 @@ const UIStrings = {
23
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 More' becomes link text to additional documentation. */
24
24
  description: 'Screen readers have a specific way of announcing lists. Ensuring proper list ' +
25
25
  'structure aids screen reader output. ' +
26
- '[Learn more](https://web.dev/list/).',
26
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/list).',
27
27
  };
28
28
 
29
29
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
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 More' becomes link text to additional documentation. */
23
23
  description: 'Screen readers require list items (`<li>`) to be contained within a ' +
24
24
  'parent `<ul>` or `<ol>` to be announced properly. ' +
25
- '[Learn more](https://web.dev/listitem/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/listitem).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
22
  description: 'Users do not expect a page to refresh automatically, and doing so will move ' +
23
23
  'focus back to the top of the page. This may create a frustrating or ' +
24
24
  'confusing experience. ' +
25
- '[Learn more](https://web.dev/meta-refresh/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/meta-refresh).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -23,7 +23,7 @@ const UIStrings = {
23
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 More' becomes link text to additional documentation. */
24
24
  description: 'Disabling zooming is problematic for users with low vision who rely on ' +
25
25
  'screen magnification to properly see the contents of a web page. ' +
26
- '[Learn more](https://web.dev/meta-viewport/).',
26
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/meta-viewport).',
27
27
  };
28
28
 
29
29
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'Screen readers cannot translate non-text content. Adding alternate text to ' +
23
23
  '`<object>` elements helps screen readers convey meaning to users. ' +
24
- '[Learn more](https://web.dev/object-alt/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/object-alt).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' becomes link text to additional documentation. */
22
22
  description: 'A value greater than 0 implies an explicit navigation ordering. ' +
23
23
  'Although technically valid, this often creates frustrating experiences ' +
24
- 'for users who rely on assistive technologies. [Learn more](https://web.dev/tabindex/).',
24
+ 'for users who rely on assistive technologies. [Learn more](https://dequeuniversity.com/rules/axe/4.4/tabindex).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -25,7 +25,7 @@ const UIStrings = {
25
25
  description: 'Screen readers have features to make navigating tables easier. Ensuring ' +
26
26
  '`<td>` cells using the `[headers]` attribute only refer to other cells in the same ' +
27
27
  'table may improve the experience for screen reader users. ' +
28
- '[Learn more](https://web.dev/td-headers-attr/).',
28
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/td-headers-attr).',
29
29
  };
30
30
 
31
31
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -24,7 +24,7 @@ const UIStrings = {
24
24
  description: 'Screen readers have features to make navigating tables easier. Ensuring ' +
25
25
  'table headers always refer to some set of cells may improve the experience for screen ' +
26
26
  'reader users. ' +
27
- '[Learn more](https://web.dev/th-has-data-cells/).',
27
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/th-has-data-cells).',
28
28
  };
29
29
 
30
30
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -21,7 +21,7 @@ const UIStrings = {
21
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 More' 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
  'on elements helps ensure that text is pronounced correctly by a screen reader. ' +
24
- '[Learn more](https://web.dev/valid-lang/).',
24
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/valid-lang).',
25
25
  };
26
26
 
27
27
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -22,7 +22,7 @@ const UIStrings = {
22
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 More' becomes link text to additional documentation. */
23
23
  description: 'When a video provides a caption it is easier for deaf and hearing impaired ' +
24
24
  'users to access its information. ' +
25
- '[Learn more](https://web.dev/video-caption/).',
25
+ '[Learn more](https://dequeuniversity.com/rules/axe/4.4/video-caption).',
26
26
  };
27
27
 
28
28
  const str_ = i18n.createMessageInstanceIdFn(__filename, UIStrings);
@@ -41,7 +41,7 @@ const UIStrings = {
41
41
  /** 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. */
42
42
  a11yCategoryDescription: 'These checks highlight opportunities to [improve the accessibility of your web app](https://web.dev/lighthouse-accessibility/). Only a subset of accessibility issues can be automatically detected so manual testing is also encouraged.',
43
43
  /** 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. */
44
- a11yCategoryManualDescription: '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).',
44
+ 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/).',
45
45
  /** Title of the best practices section of the Accessibility category. Within this section are audits with descriptive titles that highlight common accessibility best practices. */
46
46
  a11yBestPracticesGroupTitle: 'Best practices',
47
47
  /** Description of the best practices section within the Accessibility category. Within this section are audits with descriptive titles that highlight common accessibility best practices. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lighthouse",
3
- "version": "9.5.0-dev.20220419",
3
+ "version": "9.5.0-dev.20220420",
4
4
  "description": "Automated auditing, performance metrics, and best practices for the web.",
5
5
  "main": "./lighthouse-core/index.js",
6
6
  "bin": {
@@ -695,11 +695,10 @@
695
695
  border-top: 1px solid var(--report-border-color-secondary);
696
696
  }
697
697
 
698
- .lh-metric:nth-last-child(-n+2) {
698
+ .lh-category:not(.lh--hoisted-meta) .lh-metric:nth-last-child(-n+2) {
699
699
  border-bottom: 1px solid var(--report-border-color-secondary);
700
700
  }
701
701
 
702
-
703
702
  .lh-metric__innerwrap {
704
703
  display: grid;
705
704
  /**
@@ -746,7 +745,7 @@
746
745
  .lh-metric {
747
746
  border-bottom: none !important;
748
747
  }
749
- .lh-metric:nth-last-child(1) {
748
+ .lh-category:not(.lh--hoisted-meta) .lh-metric:nth-last-child(1) {
750
749
  border-bottom: 1px solid var(--report-border-color-secondary) !important;
751
750
  }
752
751
 
@@ -1419,6 +1418,9 @@
1419
1418
  .lh-category-wrapper {
1420
1419
  border-bottom: 1px solid var(--color-gray-200);
1421
1420
  }
1421
+ .lh-category-wrapper:last-of-type {
1422
+ border-bottom: 0;
1423
+ }
1422
1424
 
1423
1425
  .lh-category-header {
1424
1426
  margin-bottom: var(--section-padding-vertical);