[TS] LPS-121363

[ChrisKian]

https://issues.liferay.com/browse/LPS-121363

Spec: https://www.w3.org/TR/html-aria/#svg

Please let me know if you have any questions, thanks!

[liferay-continuous-integration]

To conserve resources, the PR Tester does not automatically run for every pull.

If your code changes were already tested in another pull, reference that pull in this pull so the test results can be analyzed.

If your pull was never tested, comment "ci:test" to run the PR Tester for this pull.

[pat270]

I went down a rabbit hole trying to find an answer to this. We had a huge discussion about this in the past, if you want to check it out.

liferay/clay#1242
liferay/clay#1296
liferay/clay#1324

I think https://validator.w3.org/nu/#textarea is only checking the html-aria spec which only allows roles application, document, and img, but svg-aam says we can use any role. IMO is this is an edge case and we should ignore the error message.

The icons for the alerts, buttons and possibly all icons in Portal are purely decorational. They shouldn't be read out to screen readers.

References:

Spec	Rule
html-aria SVG	Roles: application, document or img. Global aria-* attributes and any aria-* attributes applicable to the allowed roles and implied role (if any).
svg-aam-1.0	Default Platform WAI-ARIA Role Mappings graphics-document. Allowed WAI-ARIA Roles and Platform WAI-ARIA Role Mappings any role; see the Core Accessibility API Role Mappings and the Graphics Accessibility API Role Mappings

/cc @marcoscv-work @jbalsas

[ChrisKian]

Thank you @pat270, if this is the official answer, we can close this PR out. Thanks!

[jbalsas]

Thanks @ChrisKian, closing! Feel free to reopen or continue the conversation if there's anything else you'd like to discuss!