commit 57cac55d243dae0416e0776b24c9e84e0fec777a
author prudhvikrishna <prudhvikrishna@google.com> Wed Jun 28 17:07:12 2023 -0700
committer Jamal Carvalho <jamal@golang.org> Mon Jul 17 15:40:36 2023 +0000
tree 884bdb769d746b203d102dc70dd76f44e3ab92f5
parent f7c03977184e8126747d2aab8bf74c7d1c19a21a

_content: make purpose of buttons clear to screen reader users

Fix to make screen reader users understand the purpose of Get started   and download buttons

Change-Id: Ia8c75721a57a503c8659db328343f4dd5ac98ed8
Reviewed-on: https://go-review.googlesource.com/c/website/+/506999
Reviewed-by: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Nooras Saba‎ <saba@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>

_content/index.md

diff --git a/_content/index.md b/_content/index.md
index e8f563b..6ce2a26 100644
--- a/_content/index.md
+++ b/_content/index.md
@@ -40,11 +40,14 @@
       <div
         data-version=""
         class="js-latestGoVersion">
-        <a class="Primary" href="/learn/">Get Started</a>
-        <a class="Secondary js-downloadBtn"
-          href="/dl"
-          >Download
-        </a>
+        <a class="Primary" href="/learn/" aria-label="Get Started" aria-describedby="getStarted-description" role="button">Get Started</a>
+        <a class="Secondary js-downloadBtn" href="/dl" aria-label="Download" aria-describedby="download-description" role="button">Download</a>
+        <div class="screen-reader-only" id="getStarted-description" hidden>
+          Opens a new window with the Get Started guide.
+        </div>
+        <div class="screen-reader-only" id="download-description" hidden>
+          Opens a new window to download Go.
+        </div>
       </div>
       <div class="Hero-footnote">
         <p>