commit f7c03977184e8126747d2aab8bf74c7d1c19a21a
author prudhvikrishna <prudhvikrishna@google.com> Fri Jun 30 12:19:44 2023 -0700
committer Jamal Carvalho <jamal@golang.org> Mon Jul 17 15:40:23 2023 +0000
tree 1a3155c66c3fc474c7b33560fff90d48ac497841
parent 1314c885b7328e2de30c143ea96ce552f0cd115b

_content: make purpose of link clear to screen reader users

Added fix for screen reader users to understand the
purpose of links.

Change-Id: I636f75bc334ac97f2bc2e88ad63c09b8e3bf8888
Reviewed-on: https://go-review.googlesource.com/c/website/+/507455
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Neelesh Bodas <neelesh@google.com>
TryBot-Result: Gopher Robot <gobot@golang.org>
Reviewed-by: Nooras Saba‎ <saba@golang.org>
Reviewed-by: Prudhvi Krishna Chintala <prudhvikrishna@google.com>

_content/index.md

diff --git a/_content/index.md b/_content/index.md
index 750cebb..e8f563b 100644
--- a/_content/index.md
+++ b/_content/index.md
@@ -82,7 +82,7 @@
       {{- if .link }}
         {{- if .inLandingPageGrid }}
           <li class="WhoUsesCaseStudyList-caseStudy">
-            <a href="{{.link}}" target="_blank" rel="noopener"
+            <a href="{{.link}}" aria-label="View CaseStudy of {{.company}}, (opens in new window)" target="_blank" rel="noopener"
               class="WhoUsesCaseStudyList-caseStudyLink">
               <img
                 loading="lazy"
@@ -96,7 +96,7 @@
         {{- end}}
       {{- else}}
         <li class="WhoUsesCaseStudyList-caseStudy">
-          <a href="{{.URL}}" class="WhoUsesCaseStudyList-caseStudyLink">
+          <a href="{{.URL}}" aria-label="View CaseStudy of {{.company}}, (opens in new window)" class="WhoUsesCaseStudyList-caseStudyLink">
             <img
               loading="lazy"
               height="48"

_content/menus.yaml

diff --git a/_content/menus.yaml b/_content/menus.yaml
index 9156370..e7517c8 100644
--- a/_content/menus.yaml
+++ b/_content/menus.yaml
@@ -55,14 +55,16 @@
           [
             {
               img: google-groups.svg,
+              name: google-groups,
               url: 'https://groups.google.com/g/golang-nuts',
             },
-            {img: github.svg, darkImg: github-light.svg, url: 'https://github.com/golang',},
-            {img: twitter.svg, url: 'https://twitter.com/golang'},
-            {img: reddit.svg, url: 'https://www.reddit.com/r/golang/'},
-            {img: slack.svg, url: 'https://invite.slack.golangbridge.org/'},
+            {img: github.svg, darkImg: github-light.svg, name: github, url: 'https://github.com/golang',},
+            {img: twitter.svg, name: twitter, url: 'https://twitter.com/golang'},
+            {img: reddit.svg, name: reddit ,url: 'https://www.reddit.com/r/golang/'},
+            {img: slack.svg, name: slack, url: 'https://invite.slack.golangbridge.org/'},
             {
               img: stack-overflow.svg,
+              name: stack-overflow,
               url: 'https://stackoverflow.com/tags/go',
             },
           ]

_content/site.tmpl

diff --git a/_content/site.tmpl b/_content/site.tmpl
index d1da5d7..bcd54a6 100644
--- a/_content/site.tmpl
+++ b/_content/site.tmpl
@@ -86,7 +86,7 @@
                     {{- if .socialIconsList}}
                       <div class="Header-socialIcons">
                         {{ range .socialIconsList }}
-                        <a class="Header-socialIcon" href="{{.url}}"><img src="/images/logos/social/{{.img}}" /></a>
+                        <a class="Header-socialIcon" aria-label="Get connected with {{.name}} (Opens in new window)" href="{{.url}}"><img src="/images/logos/social/{{.img}}" /></a>
                         {{- end}}
                       </div>
                     {{- end}}