lighthouse 12.8.2-dev.20250828 → 12.8.2-dev.20250830
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 +2 -2
- package/core/audits/accessibility/aria-allowed-attr.js +2 -2
- package/core/audits/accessibility/aria-hidden-body.js +2 -2
- package/core/audits/accessibility/aria-hidden-focus.js +2 -2
- package/core/audits/accessibility/aria-input-field-name.js +2 -2
- package/core/audits/accessibility/aria-required-attr.js +2 -2
- package/core/audits/accessibility/aria-required-children.js +2 -2
- package/core/audits/accessibility/aria-required-parent.js +2 -2
- package/core/audits/accessibility/aria-roles.js +2 -2
- package/core/audits/accessibility/aria-text.js +2 -2
- package/core/audits/accessibility/aria-toggle-field-name.js +2 -2
- package/core/audits/accessibility/aria-valid-attr-value.js +2 -2
- package/core/audits/accessibility/aria-valid-attr.js +2 -2
- package/core/audits/accessibility/button-name.js +2 -2
- package/core/audits/accessibility/bypass.js +2 -2
- package/core/audits/accessibility/color-contrast.js +2 -2
- package/core/audits/accessibility/definition-list.js +2 -2
- package/core/audits/accessibility/dlitem.js +2 -2
- package/core/audits/accessibility/document-title.js +2 -2
- package/core/audits/accessibility/duplicate-id-aria.js +2 -2
- package/core/audits/accessibility/empty-heading.js +2 -2
- package/core/audits/accessibility/form-field-multiple-labels.js +2 -2
- package/core/audits/accessibility/frame-title.js +2 -2
- package/core/audits/accessibility/heading-order.js +2 -2
- package/core/audits/accessibility/html-has-lang.js +2 -2
- package/core/audits/accessibility/html-lang-valid.js +2 -2
- package/core/audits/accessibility/html-xml-lang-mismatch.js +2 -2
- package/core/audits/accessibility/identical-links-same-purpose.js +2 -2
- package/core/audits/accessibility/image-alt.js +2 -2
- package/core/audits/accessibility/image-redundant-alt.js +2 -2
- package/core/audits/accessibility/input-button-name.js +2 -2
- package/core/audits/accessibility/input-image-alt.js +2 -2
- package/core/audits/accessibility/label-content-name-mismatch.js +2 -2
- package/core/audits/accessibility/label.js +2 -2
- package/core/audits/accessibility/landmark-one-main.js +2 -2
- package/core/audits/accessibility/link-in-text-block.js +2 -2
- package/core/audits/accessibility/link-name.js +2 -2
- package/core/audits/accessibility/list.js +2 -2
- package/core/audits/accessibility/listitem.js +2 -2
- package/core/audits/accessibility/meta-refresh.js +2 -2
- package/core/audits/accessibility/meta-viewport.js +2 -2
- package/core/audits/accessibility/object-alt.js +2 -2
- package/core/audits/accessibility/select-name.js +2 -2
- package/core/audits/accessibility/skip-link.js +2 -2
- package/core/audits/accessibility/tabindex.js +2 -2
- package/core/audits/accessibility/table-duplicate-name.js +2 -2
- package/core/audits/accessibility/table-fake-caption.js +2 -2
- package/core/audits/accessibility/target-size.js +2 -2
- package/core/audits/accessibility/td-has-header.js +2 -2
- package/core/audits/accessibility/td-headers-attr.js +2 -2
- package/core/audits/accessibility/th-has-data-cells.js +2 -2
- package/core/audits/accessibility/valid-lang.js +2 -2
- package/core/audits/accessibility/video-caption.js +2 -2
- package/package.json +1 -1
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if the accesskey HTML attribute values are unique across all elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[accesskey]` values are unique',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[aria-*]` attributes match their roles',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if the html <body> element does not have an aria-hidden attribute set on it. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[aria-hidden="true"]` is not present on the document `<body>`',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/aria-hidden-body).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if all elements that have an aria-hidden attribute do not contain focusable descendent elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[aria-hidden="true"]` elements do not contain focusable descendents',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/aria-hidden-focus).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks that all ARIA input fields have an accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'ARIA input fields have accessible names',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/aria-input-field-name).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[role]`s have all required `[aria-*]` attributes',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -14,10 +14,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
14
14
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
15
15
|
|
|
16
16
|
const UIStrings = {
|
|
17
|
-
/** Title of an
|
|
17
|
+
/** Title of an accessibility audit that evaluates if the elements with an aria-role that require child elements have the required children. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
18
18
|
title: 'Elements with an ARIA `[role]` that require children to contain a specific ' +
|
|
19
19
|
'`[role]` have all required children.',
|
|
20
|
-
/** Title of an
|
|
20
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -14,9 +14,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
14
14
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
15
15
|
|
|
16
16
|
const UIStrings = {
|
|
17
|
-
/** Title of an
|
|
17
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
18
18
|
title: '`[role]`s are contained by their required parent element',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all elements have valid aria-role HTML attributes. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[role]` values are valid',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if elements with `role=text` have no focusable descendents. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Elements with the `role=text` attribute do not have focusable descendents.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if elements with `role=text` have focusable descendents. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
19
19
|
failureTitle: 'Elements with the `role=text` attribute do have focusable descendents.',
|
|
20
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: 'Adding `role=text` around a text node split by markup enables VoiceOver to treat ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks that all ARIA toggle fields have an accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'ARIA toggle fields have accessible names',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/aria-toggle-field-name).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[aria-*]` attributes have valid values',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all elements with ARIA HTML attributes have spelled the name of attribute correctly. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[aria-*]` attributes are valid and not misspelled',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all button elements have names accessible to screen readers. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Buttons have an accessible name',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -14,9 +14,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
14
14
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
15
15
|
|
|
16
16
|
const UIStrings = {
|
|
17
|
-
/** Title of an
|
|
17
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
18
18
|
title: 'The page contains a heading, skip link, or landmark region',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -14,9 +14,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
14
14
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
15
15
|
|
|
16
16
|
const UIStrings = {
|
|
17
|
-
/** Title of an
|
|
17
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
18
18
|
title: 'Background and foreground colors have a sufficient contrast ratio',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,10 +13,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all the definition list elements have valid markup for screen readers. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<dl>`\'s contain only properly-ordered `<dt>` and `<dd>` groups, `<script>`, ' +
|
|
18
18
|
'`<template>` or `<div>` elements.',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all definition list item elements (`<dt>`/`<dd>`) have a definition list parent element (`<dl>`). This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Definition list items are wrapped in `<dl>` elements',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if the page has a <title> element that describes the page. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Document has a `<title>` element',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if there are any duplicate ARIA IDs on the page. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'ARIA IDs are unique',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/duplicate-id-aria).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if all heading elements have content. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'All heading elements contain content.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that checks if all heading elements have content. 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 do not contain content.',
|
|
20
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 heading with no content or inaccessible text prevent screen reader users from ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if any form fields have multiple label elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'No form fields have multiple labels',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/form-field-multiple-labels).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<frame>` or `<iframe>` elements have a title',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Heading elements appear in a sequentially-descending order',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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.10/heading-order).',
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if the root HTML tag has a lang attribute identifying the page's language. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<html>` element has a `[lang]` attribute',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<html>` element has a valid value for its `[lang]` attribute',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -14,10 +14,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
14
14
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
15
15
|
|
|
16
16
|
const UIStrings = {
|
|
17
|
-
/** Title of an
|
|
17
|
+
/** Title of an accessibility audit that evaluates if the xml:lang attribute, if present, has the same base language as the `lang` attribute. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
18
18
|
title: '`<html>` element has an `[xml:lang]` attribute with the same base language as the ' +
|
|
19
19
|
'`[lang]` attribute.',
|
|
20
|
-
/** Title of an
|
|
20
|
+
/** Title of an accessibility audit that evaluates if the xml:lang attribute, if present, has the same base language as the `lang` attribute. 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: '`<html>` element does not have an `[xml:lang]` attribute with the same base ' +
|
|
22
22
|
'language as the `[lang]` attribute.',
|
|
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. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if identical links have the same purpose. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Identical links have the same purpose.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that checks if identical links have the same purpose. 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: 'Identical links do not have the same purpose.',
|
|
20
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: 'Links with the same destination should have the same description, to help users ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all image elements have the alt HTML attribute to describe their contents. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Image elements have `[alt]` attributes',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all image elements have the alt HTML attribute that is not redundant. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Image elements do not have `[alt]` attributes that are redundant text.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if all image elements have the alt HTML attribute that is not redundant. 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 have `[alt]` attributes that are redundant text.',
|
|
20
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 alternative text. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all input buttons have discernible text. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Input buttons have discernible text.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if all input buttons have discernible text. 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 buttons do not have discernible text.',
|
|
20
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: 'Adding discernable and accessible text to input buttons may help screen reader ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<input type="image">` elements have `[alt]` text',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if elements labeled through their content have their visible text as part of their accessible name. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Elements with visible text labels have matching accessible names.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if elements labeled through their content have their visible text as part of their 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: 'Elements with visible text labels do not have matching accessible names.',
|
|
20
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: 'Visible text labels that do not match the accessible name can result in a ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all form elements have corresponding label elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Form elements have associated labels',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if the document has a main landmark. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Document has a main landmark.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that checks if the document has a main landmark. 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 does not have a main landmark.',
|
|
20
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: 'One main landmark helps screen reader users navigate a web page. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all link elements can be distinguished without relying on color. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Links are distinguishable without relying on color.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if all link elements can be distinguished without relying on color. 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 rely on color to be distinguishable.',
|
|
20
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: 'Low-contrast text is difficult or impossible for many users to read. Link text ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all link elements have a non-generic name to screen readers. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Links have a discernible name',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,10 +13,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all list elements have a valid structure containing only list items. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Lists contain only `<li>` elements and script supporting elements ' +
|
|
18
18
|
'(`<script>` and `<template>`).',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if any list item elements do not have list parent elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'List items (`<li>`) are contained within `<ul>`, `<ol>` or `<menu>` parent elements',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if the page uses a meta tag that refreshes the page automatically. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'The document does not use `<meta http-equiv="refresh">`',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,10 +13,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[user-scalable="no"]` is not used in the `<meta name="viewport">` ' +
|
|
18
18
|
'element and the `[maximum-scale]` attribute is not less than 5.',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all object elements have an alt HTML attribute that describes their contents. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<object>` elements have alternate text',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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 ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all select elements have programmatically associated label elements. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Select elements have associated label elements.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if all select elements have programmatically associated 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: 'Select elements do not have associated label elements.',
|
|
20
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 elements without effective labels can create frustrating experiences ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if the skip link is focusable. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Skip links are focusable.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if the skip link is focusable. 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: 'Skip links are not focusable.',
|
|
20
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: 'Including a skip link can help users skip to the main content to save time. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if any elements have custom tabindex HTML attributes that might frustrate users of assitive technology. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'No element has a `[tabindex]` value greater than 0',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if tables have different content in the summary attribute and caption element. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Tables have different content in the summary attribute and `<caption>`.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if tables have different content in the summary attribute and caption element. 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: 'Tables have the same content in the summary attribute and `<caption>.`',
|
|
20
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 summary attribute should describe the table structure, while `<caption>` ' +
|
|
@@ -13,10 +13,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all tables use caption instead of colspan to indicate a caption. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Tables use `<caption>` instead of cells with the `[colspan]` attribute to indicate a ' +
|
|
18
18
|
'caption.',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility audit that evaluates if all tables use caption instead of colspan to indicate a caption. 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: 'Tables do not use `<caption>` instead of cells with the `[colspan]` attribute ' +
|
|
21
21
|
'to indicate a caption.',
|
|
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. The last sentence starting with 'Learn' becomes link text to additional documentation. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that checks if all touch targets have sufficient size and spacing. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: 'Touch targets have sufficient size and spacing.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that checks if all touch targets have sufficient size and spacing. 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: 'Touch targets do not have sufficient size or spacing.',
|
|
20
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: 'Touch targets with sufficient size and spacing help users who may have ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all large table elements use the headers HTML attribute. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<td>` elements in a large `<table>` have one or more table headers.',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility audit that evaluates if all large table elements use the headers HTML 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: '`<td>` elements in a large `<table>` do not have table headers.',
|
|
20
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 have features to make navigating tables easier. Ensuring ' +
|
|
@@ -14,10 +14,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
14
14
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
15
15
|
|
|
16
16
|
const UIStrings = {
|
|
17
|
-
/** Title of an
|
|
17
|
+
/** Title of an accessibility 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 successful state and is shown to users when no user action is required. */
|
|
18
18
|
title: 'Cells in a `<table>` element that use the `[headers]` attribute refer ' +
|
|
19
19
|
'to table cells within the same table.',
|
|
20
|
-
/** Title of an
|
|
20
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,10 +13,10 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all table header elements have children. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<th>` elements and elements with `[role="columnheader"/"rowheader"]` have ' +
|
|
18
18
|
'data cells they describe.',
|
|
19
|
-
/** Title of an
|
|
19
|
+
/** Title of an accessibility 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
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. */
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all lang HTML attributes are valid BCP 47 languages. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`[lang]` attributes have a valid value',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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) ' +
|
|
@@ -13,9 +13,9 @@ import AxeAudit from './axe-audit.js';
|
|
|
13
13
|
import * as i18n from '../../lib/i18n/i18n.js';
|
|
14
14
|
|
|
15
15
|
const UIStrings = {
|
|
16
|
-
/** Title of an
|
|
16
|
+
/** Title of an accessibility audit that evaluates if all video elements contain a child track element that has captions describing their audio. This title is descriptive of the successful state and is shown to users when no user action is required. */
|
|
17
17
|
title: '`<video>` elements contain a `<track>` element with `[kind="captions"]`',
|
|
18
|
-
/** Title of an
|
|
18
|
+
/** Title of an accessibility 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
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. */
|
package/package.json
CHANGED