sub-task/tup-575 Adds in new aria-describedby link attributes

[R-Tomas-Gonzalez]

Overview

Let's target all of the a tags that have target="_blank" and make them accessible.

Related

• TUP-575

Changes

• Simple snippet change.
• Snippet must be added to the footer in order to be utilized on full document.
• Changes add aria-describedby="msg-open-ext-site-new-window" throughout homepage.

Testing

1. Make sure to run npx nx build tup-cms and npx nx build tup-ui
2. Serve both of them
3. Add Snippet JS: New Tab | New Window to Footer-Content - Accessibility Content
4. Find each target in the inspector. Make sure any target with "_blank" has thearia-describedby="msg-open-ext-site-new-window"` attribute

UI

Add snippet to Content

Check for aria-describedby attribute

[R-Tomas-Gonzalez]

Functionally, looks good. I'll test.

Until then, you may normalize the comment syntax.

• E.g. // comment or /* comment */ (JavaScript)
• Not // // comment nor // /** comment */ nor // /* comment */ (redundant).

Done. 448c4bc

[R-Tomas-Gonzalez]

072a4e7

Changes:

• type="module" is preferred.
• snippet no longer needs to be utilized in the footer
• adds in html markup to make aria useful
• removes css selector for describedby, utilizes js