diff --git a/core/audits/accessibility/aria-allowed-role.js b/core/audits/accessibility/aria-allowed-role.js index d6ab5849ae36..d82258501662 100644 --- a/core/audits/accessibility/aria-allowed-role.js +++ b/core/audits/accessibility/aria-allowed-role.js @@ -13,16 +13,14 @@ import AxeAudit from './axe-audit.js'; import * as i18n from '../../lib/i18n/i18n.js'; const UIStrings = { - /** Title of an accesibility audit that evaluates if the ARIA role attributes are valid for the HTML element. This title is descriptive of the successful state and is shown to users when no user action is required. */ - title: 'Values assigned to `role=""` are valid ARIA roles.', - /** Title of an accesibility audit that evaluates if the ARIA role attributes are valid for the HTML element. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */ - failureTitle: 'Values assigned to `role=""` are not valid ARIA roles.', + /** Title of an accessibility audit that evaluates if the ARIA role attributes are valid for the HTML element. This title is descriptive of the successful state and is shown to users when no user action is required. */ + title: 'Uses ARIA roles only on compatible elements', + /** Title of an accessibility audit that evaluates if the ARIA role attributes are valid for the HTML element. This title is descriptive of the failing state and is shown to users when there is a failure that needs to be addressed. */ + failureTitle: 'Uses ARIA roles on incompatible elements', /** 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. */ - description: 'ARIA `role`s enable assistive technologies to know the role of each element on ' + - 'the web page. If the `role` values are misspelled, not existing ARIA `role` values, or ' + - 'abstract roles, then the purpose of the element will not be communicated to users of ' + - 'assistive technologies. ' + - '[Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).', + description: 'Many HTML elements can only be assigned certain ARIA roles. Using ARIA ' + + 'roles where they are not allowed can interfere with the accessibility of the web page. ' + + '[Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).', }; const str_ = i18n.createIcuMessageFn(import.meta.url, UIStrings); diff --git a/core/test/fixtures/user-flows/reports/sample-flow-result.json b/core/test/fixtures/user-flows/reports/sample-flow-result.json index 633eb2dece09..592291e713d9 100644 --- a/core/test/fixtures/user-flows/reports/sample-flow-result.json +++ b/core/test/fixtures/user-flows/reports/sample-flow-result.json @@ -2220,8 +2220,8 @@ }, "aria-allowed-role": { "id": "aria-allowed-role", - "title": "Values assigned to `role=\"\"` are valid ARIA roles.", - "description": "ARIA `role`s enable assistive technologies to know the role of each element on the web page. If the `role` values are misspelled, not existing ARIA `role` values, or abstract roles, then the purpose of the element will not be communicated to users of assistive technologies. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", + "title": "Uses ARIA roles only on compatible elements", + "description": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", "score": 1, "scoreDisplayMode": "binary", "details": { @@ -12591,8 +12591,8 @@ }, "aria-allowed-role": { "id": "aria-allowed-role", - "title": "Values assigned to `role=\"\"` are valid ARIA roles.", - "description": "ARIA `role`s enable assistive technologies to know the role of each element on the web page. If the `role` values are misspelled, not existing ARIA `role` values, or abstract roles, then the purpose of the element will not be communicated to users of assistive technologies. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", + "title": "Uses ARIA roles only on compatible elements", + "description": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", "score": 1, "scoreDisplayMode": "binary", "details": { @@ -19954,8 +19954,8 @@ }, "aria-allowed-role": { "id": "aria-allowed-role", - "title": "Values assigned to `role=\"\"` are valid ARIA roles.", - "description": "ARIA `role`s enable assistive technologies to know the role of each element on the web page. If the `role` values are misspelled, not existing ARIA `role` values, or abstract roles, then the purpose of the element will not be communicated to users of assistive technologies. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", + "title": "Uses ARIA roles only on compatible elements", + "description": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", "score": 1, "scoreDisplayMode": "binary", "details": { diff --git a/core/test/results/sample_v2.json b/core/test/results/sample_v2.json index 312234de3dcc..ad51fd42d87f 100644 --- a/core/test/results/sample_v2.json +++ b/core/test/results/sample_v2.json @@ -2906,8 +2906,8 @@ }, "aria-allowed-role": { "id": "aria-allowed-role", - "title": "Values assigned to `role=\"\"` are valid ARIA roles.", - "description": "ARIA `role`s enable assistive technologies to know the role of each element on the web page. If the `role` values are misspelled, not existing ARIA `role` values, or abstract roles, then the purpose of the element will not be communicated to users of assistive technologies. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", + "title": "Uses ARIA roles only on compatible elements", + "description": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role).", "score": 1, "scoreDisplayMode": "binary", "details": { diff --git a/shared/localization/locales/en-US.json b/shared/localization/locales/en-US.json index 7d7251847012..f20e33696775 100644 --- a/shared/localization/locales/en-US.json +++ b/shared/localization/locales/en-US.json @@ -18,13 +18,13 @@ "message": "`[aria-*]` attributes match their roles" }, "core/audits/accessibility/aria-allowed-role.js | description": { - "message": "ARIA `role`s enable assistive technologies to know the role of each element on the web page. If the `role` values are misspelled, not existing ARIA `role` values, or abstract roles, then the purpose of the element will not be communicated to users of assistive technologies. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role)." + "message": "Many HTML elements can only be assigned certain ARIA roles. Using ARIA roles where they are not allowed can interfere with the accessibility of the web page. [Learn more about ARIA roles](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role)." }, "core/audits/accessibility/aria-allowed-role.js | failureTitle": { - "message": "Values assigned to `role=\"\"` are not valid ARIA roles." + "message": "Uses ARIA roles on incompatible elements" }, "core/audits/accessibility/aria-allowed-role.js | title": { - "message": "Values assigned to `role=\"\"` are valid ARIA roles." + "message": "Uses ARIA roles only on compatible elements" }, "core/audits/accessibility/aria-command-name.js | description": { "message": "When an element doesn't have an accessible name, screen readers announce it with a generic name, making it unusable for users who rely on screen readers. [Learn how to make command elements more accessible](https://dequeuniversity.com/rules/axe/4.9/aria-command-name)." diff --git a/shared/localization/locales/en-XL.json b/shared/localization/locales/en-XL.json index dfd8f9d913fa..f337c64c0a0f 100644 --- a/shared/localization/locales/en-XL.json +++ b/shared/localization/locales/en-XL.json @@ -18,13 +18,13 @@ "message": "`[aria-*]` ât́t̂ŕîb́ût́êś m̂át̂ćĥ t́ĥéîŕ r̂ól̂éŝ" }, "core/audits/accessibility/aria-allowed-role.js | description": { - "message": "ÂŔÎÁ `role`ŝ én̂áb̂ĺê áŝśîśt̂ív̂é t̂éĉh́n̂ól̂óĝíêś t̂ó k̂ńôẃ t̂h́ê ŕôĺê óf̂ éâćĥ él̂ém̂én̂t́ ôń t̂h́ê ẃêb́ p̂áĝé. Îf́ t̂h́ê `role` v́âĺûéŝ ár̂é m̂íŝśp̂él̂ĺêd́, n̂ót̂ éx̂íŝt́îńĝ ÁR̂ÍÂ `role` v́âĺûéŝ, ór̂ áb̂śt̂ŕâćt̂ ŕôĺêś, t̂h́êń t̂h́ê ṕûŕp̂óŝé ôf́ t̂h́ê él̂ém̂én̂t́ ŵíl̂ĺ n̂ót̂ b́ê ćôḿm̂ún̂íĉát̂éd̂ t́ô úŝér̂ś ôf́ âśŝíŝt́îv́ê t́êćĥńôĺôǵîéŝ. [Ĺêár̂ń m̂ór̂é âb́ôút̂ ÁR̂ÍÂ ŕôĺêś](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role)." + "message": "M̂án̂ý ĤT́M̂Ĺ êĺêḿêńt̂ś ĉán̂ ón̂ĺŷ b́ê áŝśîǵn̂éd̂ ćêŕt̂áîń ÂŔÎÁ r̂ól̂éŝ. Úŝín̂ǵ ÂŔÎÁ r̂ól̂éŝ ẃĥér̂é t̂h́êý âŕê ńôt́ âĺl̂óŵéd̂ ćâń îńt̂ér̂f́êŕê ẃît́ĥ t́ĥé âćĉéŝśîb́îĺît́ŷ óf̂ t́ĥé ŵéb̂ ṕâǵê. [Ĺêár̂ń m̂ór̂é âb́ôút̂ ÁR̂ÍÂ ŕôĺêś](https://dequeuniversity.com/rules/axe/4.9/aria-allowed-role)." }, "core/audits/accessibility/aria-allowed-role.js | failureTitle": { - "message": "V̂ál̂úêś âśŝíĝńêd́ t̂ó `role=\"\"` âŕê ńôt́ v̂ál̂íd̂ ÁR̂ÍÂ ŕôĺêś." + "message": "Ûśêś ÂŔÎÁ r̂ól̂éŝ ón̂ ín̂ćôḿp̂át̂íb̂ĺê él̂ém̂én̂t́ŝ" }, "core/audits/accessibility/aria-allowed-role.js | title": { - "message": "V̂ál̂úêś âśŝíĝńêd́ t̂ó `role=\"\"` âŕê v́âĺîd́ ÂŔÎÁ r̂ól̂éŝ." + "message": "Ûśêś ÂŔÎÁ r̂ól̂éŝ ón̂ĺŷ ón̂ ćôḿp̂át̂íb̂ĺê él̂ém̂én̂t́ŝ" }, "core/audits/accessibility/aria-command-name.js | description": { "message": "Ŵh́êń âń êĺêḿêńt̂ d́ôéŝń't̂ h́âv́ê án̂ áĉćêśŝíb̂ĺê ńâḿê, śĉŕêén̂ ŕêád̂ér̂ś âńn̂óûńĉé ît́ ŵít̂h́ â ǵêńêŕîć n̂ám̂é, m̂ák̂ín̂ǵ ît́ ûńûśâb́l̂é f̂ór̂ úŝér̂ś ŵh́ô ŕêĺŷ ón̂ śĉŕêén̂ ŕêád̂ér̂ś. [L̂éâŕn̂ h́ôẃ t̂ó m̂ák̂é ĉóm̂ḿâńd̂ él̂ém̂én̂t́ŝ ḿôŕê áĉćêśŝíb̂ĺê](https://dequeuniversity.com/rules/axe/4.9/aria-command-name)."