Repository: nodejs/nodejs.dev
Pull request #2810 (2022-10-01 07:32:02)

Fix: footer a11y
<!--
Please read the [Code of Conduct](https://github.com/nodejs/nodejs.dev/blob/main/CODE_OF_CONDUCT.md) and the [Contributing Guidelines](https://github.com/nodejs/nodejs.dev/blob/main/CONTRIBUTING.md) before opening a pull request.
-->

## Description

I tested the footer with a screen reader and there were a few issues like aria labels not matching destinations and words being repeated. I have made sure all aria labels are correct and removed duplicate wording.

## Related Issues



### Check List

<!--
ATTENTION
Please follow this check list to ensure that you've followed all items before opening this PR
-->

- [x] I have read the [Contributing Guidelines](https://github.com/nodejs/nodejs.dev/blob/main/CONTRIBUTING.md) and made commit messages that follow the guideline.
- [x] I have run `npm run lint:js -- --fix` and/or `npm run lint:md -- --fix` for my JavaScript and/or Markdown changes.
  - This is important as most of the cases your code changes might not be correctly linted
- [x] I have run `npm run test` to check if all tests are passing, and/or `npm run test -- -u` to update snapshots if I created and/or updated React Components.
- [x ] I have checked that the build works locally and that `npm run build` work fine.
- [ ] I've covered new added functionality with unit tests if necessary.


EmmaDawsonDev: > I didn't dig into it, but I wonder if some of those FontAwesome components have a way set the alt on the actual icon rather than the link.
> Using a label on the link also will need to be addressed for the i18n work, since the link text looks like it is flagged, but not the aria. Might make sense to review and see if the accessiblity can be better met fixing the text fragements that are already being translated

Using an alt text on the icon along with text inside links can cause things being announced twice by a screen reader and would still have the issue of needing to be translated. 

github-actions[bot]: Please find a preview at: https://staging.nodejs.dev/2810/
codecov-commenter: # [Codecov](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810?src=pr&el=h1&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None) Report
Base: **66.02**% // Head: **63.30**% // Decreases project coverage by **`-2.71%`** :warning:
> Coverage data is based on head [(`b285d6b`)](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810?src=pr&el=desc&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None) compared to base [(`fd57b87`)](https://codecov.io/gh/nodejs/nodejs.dev/commit/fd57b871c2b1ad2f6fb812ed066dec074d76db22?el=desc&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None).
> Patch has no changes to coverable lines.

<details><summary>Additional details and impacted files</summary>


```diff
@@            Coverage Diff             @@
##             main    #2810      +/-   ##
==========================================
- Coverage   66.02%   63.30%   -2.72%     
==========================================
  Files         118      123       +5     
  Lines        1351     1458     +107     
  Branches      342      364      +22     
==========================================
+ Hits          892      923      +31     
- Misses        422      494      +72     
- Partials       37       41       +4     
```


| [Impacted Files](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None) | Coverage Δ | |
|---|---|---|
| [src/\_\_fixtures\_\_/page.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL19fZml4dHVyZXNfXy9wYWdlLnRzeA==) | `94.11% <ø> (-5.89%)` | :arrow_down: |
| [...components/ApiComponents/Components/ApiHeading.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQXBpQ29tcG9uZW50cy9Db21wb25lbnRzL0FwaUhlYWRpbmcudHN4) | `0.00% <ø> (ø)` | |
| [...rc/components/ApiComponents/Components/ApiLink.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQXBpQ29tcG9uZW50cy9Db21wb25lbnRzL0FwaUxpbmsudHN4) | `0.00% <ø> (ø)` | |
| [...ents/ApiComponents/Components/SourceLink/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQXBpQ29tcG9uZW50cy9Db21wb25lbnRzL1NvdXJjZUxpbmsvaW5kZXgudHN4) | `0.00% <ø> (ø)` | |
| [...ApiComponents/Components/VersionSelector/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQXBpQ29tcG9uZW50cy9Db21wb25lbnRzL1ZlcnNpb25TZWxlY3Rvci9pbmRleC50c3g=) | `0.00% <ø> (ø)` | |
| [src/components/ApiComponents/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQXBpQ29tcG9uZW50cy9pbmRleC50c3g=) | `0.00% <ø> (ø)` | |
| [src/components/Article/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQXJ0aWNsZS9pbmRleC50c3g=) | `100.00% <ø> (ø)` | |
| [src/components/Banner/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQmFubmVyL2luZGV4LnRzeA==) | `100.00% <ø> (ø)` | |
| [src/components/Codebox/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvQ29kZWJveC9pbmRleC50c3g=) | `100.00% <ø> (ø)` | |
| [src/components/EditLink/index.tsx](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None#diff-c3JjL2NvbXBvbmVudHMvRWRpdExpbmsvaW5kZXgudHN4) | `100.00% <ø> (ø)` | |
| ... and [73 more](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810/diff?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None) | |

Help us with your feedback. Take ten seconds to tell us [how you rate us](https://about.codecov.io/nps?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None). Have a feature suggestion? [Share it here.](https://app.codecov.io/gh/feedback/?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None)

</details>

[:umbrella: View full report at Codecov](https://codecov.io/gh/nodejs/nodejs.dev/pull/2810?src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None).   
:loudspeaker: Do you have feedback about the report comment? [Let us know in this issue](https://about.codecov.io/codecov-pr-comment-feedback/?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=None).


Patch:
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index e21a600a..b8d6e1ce 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -18,7 +18,7 @@ const Footer = (): JSX.Element => (
           target="_blank"
           href="https://trademark-policy.openjsf.org/"
           rel="noopener noreferrer"
-          aria-label="Node.js Slack Link"
+          aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
         >
           <FormattedMessage id="components.footer.links.trademark" />
         </a>
@@ -61,11 +61,8 @@ const Footer = (): JSX.Element => (
           target="_blank"
           href="https://github.com/nodejs/node"
           rel="noopener noreferrer"
-          aria-label="Node.js Github Page Link"
+          aria-label="Node.js Github Page (opens in new tab)"
         >
-          <span className="sr-only">
-            <FormattedMessage id="components.footer.links.github" />
-          </span>
           <FontAwesomeIcon
             icon={faGithub}
             color="var(--color-text-secondary)"
@@ -77,7 +74,7 @@ const Footer = (): JSX.Element => (
           target="_blank"
           href="https://twitter.com/nodejs"
           rel="noopener noreferrer"
-          aria-label="Node.js Twitter Link"
+          aria-label="Node.js Twitter (opens in new tab)"
         >
           <FontAwesomeIcon
             icon={faTwitter}
@@ -90,7 +87,7 @@ const Footer = (): JSX.Element => (
           target="_blank"
           href="https://slack.openjsf.org"
           rel="noopener noreferrer"
-          aria-label="Node.js Slack Link"
+          aria-label="Node.js Slack (opens in new tab)"
         >
           <FontAwesomeIcon icon={faSlack} color="var(--color-text-secondary)" />
         </a>


Test patch:
diff --git a/src/components/Footer/__tests__/__snapshots__/index.test.tsx.snap b/src/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
index 8f747f46..103cdce7 100644
--- a/src/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`Tests for Footer component renders correctly 1`] = `
     >
       <li>
         <a
-          aria-label="Node.js Slack Link"
+          aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
           class="link"
           href="https://trademark-policy.openjsf.org/"
           rel="noopener noreferrer"
@@ -68,16 +68,11 @@ exports[`Tests for Footer component renders correctly 1`] = `
       </li>
       <li>
         <a
-          aria-label="Node.js Github Page Link"
+          aria-label="Node.js Github Page (opens in new tab)"
           href="https://github.com/nodejs/node"
           rel="noopener noreferrer"
           target="_blank"
         >
-          <span
-            class="sr-only"
-          >
-            GitHub
-          </span>
           <svg
             aria-hidden="true"
             class="svg-inline--fa fa-github "
@@ -98,7 +93,7 @@ exports[`Tests for Footer component renders correctly 1`] = `
       </li>
       <li>
         <a
-          aria-label="Node.js Twitter Link"
+          aria-label="Node.js Twitter (opens in new tab)"
           href="https://twitter.com/nodejs"
           rel="noopener noreferrer"
           target="_blank"
@@ -123,7 +118,7 @@ exports[`Tests for Footer component renders correctly 1`] = `
       </li>
       <li>
         <a
-          aria-label="Node.js Slack Link"
+          aria-label="Node.js Slack (opens in new tab)"
           href="https://slack.openjsf.org"
           rel="noopener noreferrer"
           target="_blank"
diff --git a/src/components/Layout/__tests__/__snapshots__/page.test.tsx.snap b/src/components/Layout/__tests__/__snapshots__/page.test.tsx.snap
index 2516bf9d..e1206d17 100644
--- a/src/components/Layout/__tests__/__snapshots__/page.test.tsx.snap
+++ b/src/components/Layout/__tests__/__snapshots__/page.test.tsx.snap
@@ -331,7 +331,7 @@ exports[`PageLayout component renders correctly with data 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -389,16 +389,11 @@ exports[`PageLayout component renders correctly with data 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -419,7 +414,7 @@ exports[`PageLayout component renders correctly with data 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -444,7 +439,7 @@ exports[`PageLayout component renders correctly with data 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"
diff --git a/src/pages/about/__tests__/__snapshots__/resources.test.tsx.snap b/src/pages/about/__tests__/__snapshots__/resources.test.tsx.snap
index e42db33d..c3d3fdba 100644
--- a/src/pages/about/__tests__/__snapshots__/resources.test.tsx.snap
+++ b/src/pages/about/__tests__/__snapshots__/resources.test.tsx.snap
@@ -462,7 +462,7 @@ exports[`Resources page renders correctly 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -520,16 +520,11 @@ exports[`Resources page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -550,7 +545,7 @@ exports[`Resources page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -575,7 +570,7 @@ exports[`Resources page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"
diff --git a/src/pages/download/__tests__/__snapshots__/index.test.tsx.snap b/src/pages/download/__tests__/__snapshots__/index.test.tsx.snap
index e39d9913..1868f398 100644
--- a/src/pages/download/__tests__/__snapshots__/index.test.tsx.snap
+++ b/src/pages/download/__tests__/__snapshots__/index.test.tsx.snap
@@ -801,7 +801,7 @@ exports[`Download page renders correctly 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -859,16 +859,11 @@ exports[`Download page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -889,7 +884,7 @@ exports[`Download page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -914,7 +909,7 @@ exports[`Download page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"
@@ -1744,7 +1739,7 @@ exports[`Download page should handle LTS to Current switch 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -1802,16 +1797,11 @@ exports[`Download page should handle LTS to Current switch 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -1832,7 +1822,7 @@ exports[`Download page should handle LTS to Current switch 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -1857,7 +1847,7 @@ exports[`Download page should handle LTS to Current switch 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"
diff --git a/src/pages/download/__tests__/__snapshots__/package-manager.test.tsx.snap b/src/pages/download/__tests__/__snapshots__/package-manager.test.tsx.snap
index 1f5342c6..cc473ec6 100644
--- a/src/pages/download/__tests__/__snapshots__/package-manager.test.tsx.snap
+++ b/src/pages/download/__tests__/__snapshots__/package-manager.test.tsx.snap
@@ -463,7 +463,7 @@ exports[`Package Manager Page renders correctly 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -521,16 +521,11 @@ exports[`Package Manager Page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -551,7 +546,7 @@ exports[`Package Manager Page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -576,7 +571,7 @@ exports[`Package Manager Page renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"
diff --git a/src/templates/__tests__/__snapshots__/learn.test.tsx.snap b/src/templates/__tests__/__snapshots__/learn.test.tsx.snap
index 15ea9674..36155fca 100644
--- a/src/templates/__tests__/__snapshots__/learn.test.tsx.snap
+++ b/src/templates/__tests__/__snapshots__/learn.test.tsx.snap
@@ -406,7 +406,7 @@ exports[`Learn Template renders correctly 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -464,16 +464,11 @@ exports[`Learn Template renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -494,7 +489,7 @@ exports[`Learn Template renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -519,7 +514,7 @@ exports[`Learn Template renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"
diff --git a/src/templates/__tests__/__snapshots__/post.test.tsx.snap b/src/templates/__tests__/__snapshots__/post.test.tsx.snap
index eaed5470..9ba90e30 100644
--- a/src/templates/__tests__/__snapshots__/post.test.tsx.snap
+++ b/src/templates/__tests__/__snapshots__/post.test.tsx.snap
@@ -293,7 +293,7 @@ exports[`LearnLayout Template renders correctly 1`] = `
       >
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Trademark Policy - PDF (Opens in new tab)"
             class="link"
             href="https://trademark-policy.openjsf.org/"
             rel="noopener noreferrer"
@@ -351,16 +351,11 @@ exports[`LearnLayout Template renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Github Page Link"
+            aria-label="Node.js Github Page (opens in new tab)"
             href="https://github.com/nodejs/node"
             rel="noopener noreferrer"
             target="_blank"
           >
-            <span
-              class="sr-only"
-            >
-              GitHub
-            </span>
             <svg
               aria-hidden="true"
               class="svg-inline--fa fa-github "
@@ -381,7 +376,7 @@ exports[`LearnLayout Template renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Twitter Link"
+            aria-label="Node.js Twitter (opens in new tab)"
             href="https://twitter.com/nodejs"
             rel="noopener noreferrer"
             target="_blank"
@@ -406,7 +401,7 @@ exports[`LearnLayout Template renders correctly 1`] = `
         </li>
         <li>
           <a
-            aria-label="Node.js Slack Link"
+            aria-label="Node.js Slack (opens in new tab)"
             href="https://slack.openjsf.org"
             rel="noopener noreferrer"
             target="_blank"