From ebaa1de00bebfd907dffc6d307ac255e8cd2c625 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Thu, 26 Jan 2023 16:36:03 -0600
Subject: [PATCH] Add aria labels to share buttons

---
 i18n/en.yaml                | 18 ++++++++++++++++++
 i18n/es.yaml                | 18 ++++++++++++++++++
 layouts/partials/share.html |  6 ++++++
 3 files changed, 42 insertions(+)

diff --git a/i18n/en.yaml b/i18n/en.yaml
index ceac1e1..e9c8780 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -129,3 +129,21 @@ aria_langpicker_list:
 
 aria_table_of_contents:
   other: "table of contents"
+
+aria_share_twitter:
+  other: "share to twitter button"
+
+aria_share_facebook:
+  other: "share to facebook button"
+
+aria_share_linkedin:
+  other: "share to linkedin button"
+
+aria_share_reddit:
+  other: "share to reddit button"
+
+aria_share_telegram:
+  other: "share to telegram button"
+
+aria_share_print:
+  other: "print article button"
diff --git a/i18n/es.yaml b/i18n/es.yaml
index 68e3ded..334b580 100644
--- a/i18n/es.yaml
+++ b/i18n/es.yaml
@@ -129,3 +129,21 @@ newer_post:
 
 # aria_table_of_contents:
 #   other: "table of contents"
+
+# aria_share_twitter:
+#   other: "share to twitter button"
+
+# aria_share_facebook:
+#   other: "share to facebook button"
+
+# aria_share_linkedin:
+#   other: "share to linkedin button"
+
+# aria_share_reddit:
+#   other: "share to reddit button"
+
+# aria_share_telegram:
+#   other: "share to telegram button"
+
+# aria_share_print:
+#   other: "print article button"
diff --git a/layouts/partials/share.html b/layouts/partials/share.html
index 387e87f..05fded3 100644
--- a/layouts/partials/share.html
+++ b/layouts/partials/share.html
@@ -3,6 +3,7 @@
         <a class="twitter-share"
            target="_blank"
            rel="noopener"
+           aria-label="{{ i18n "aria_share_twitter" }}"
            onclick="share_event('Twitter');"
            href="https://twitter.com/intent/tweet?url={{ .Permalink }}&text={{ .Title }}&via=bbaovanc">
             {{- partial "icon.html" "twitter" -}}
@@ -13,6 +14,7 @@
         <a class="facebook-share"
            target="_blank"
            rel="noopener"
+           aria-label="{{ i18n "aria_share_facebook" }}"
            onclick="share_event('Facebook');"
            href="https://www.facebook.com/sharer.php?u={{ .Permalink }}">
             {{- partial "icon.html" "facebook" -}}
@@ -23,6 +25,7 @@
         <a class="linkedin-share"
            target="_blank"
            rel="noopener"
+           aria-label="{{ i18n "aria_share_linkedin" }}"
            onclick="share_event('LinkedIn');"
            href="https://www.linkedin.com/sharing/share-offsite/?url={{ .Permalink }}">
             {{- partial "icon.html" "linkedin" -}}
@@ -33,6 +36,7 @@
         <a class="reddit-share"
            target="_blank"
            rel="noopener"
+           aria-label="{{ i18n "aria_share_reddit" }}"
            onclick="share_event('Reddit');"
            href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}">
             {{- partial "icon.html" "reddit" -}}
@@ -46,6 +50,7 @@
         <a class="telegram-share"
            target="_blank"
            rel="noopener"
+           aria-label="{{ i18n "aria_share_telegram" }}"
            onclick="share_event('Telegram');"
            href="https://t.me/share/url?url={{ .Permalink }}&text={{ .Title }}">
             {{- partial "icon.html" "telegram" -}}
@@ -55,6 +60,7 @@
 
     {{ if .Site.Params.shareButtons.print }}
         <a class="print-share"
+           aria-label="{{ i18n "aria_share_print" }}"
            href="javascript:void(0)"
            onclick="window.print(); share_event('Print');">
             {{- partial "icon.html" "printer" -}}