From 8e2e25fbb9a0567580488cdc03055328280741e9 Mon Sep 17 00:00:00 2001
From: Keshav Biswa <keshavbiswa21@gmail.com>
Date: Mon, 12 Jul 2021 16:24:29 +0530
Subject: [PATCH] added aria-pressed values to reaction buttons (#14192)

---
 .../javascripts/initializers/initializeArticleReactions.js      | 2 ++
 app/views/articles/_reaction_button.html.erb                    | 1 +
 2 files changed, 3 insertions(+)

diff --git a/app/assets/javascripts/initializers/initializeArticleReactions.js b/app/assets/javascripts/initializers/initializeArticleReactions.js
index 4508e9f9b..8c0342bb8 100644
--- a/app/assets/javascripts/initializers/initializeArticleReactions.js
+++ b/app/assets/javascripts/initializers/initializeArticleReactions.js
@@ -37,6 +37,7 @@ function showUserReaction(reactionName, animatedClass) {
     'aria-label',
     getReactionAriaLabel(reactionName, true),
   );
+  reactionButton.setAttribute('aria-pressed', 'true');
 }
 
 function hideUserReaction(reactionName) {
@@ -48,6 +49,7 @@ function hideUserReaction(reactionName) {
     'aria-label',
     getReactionAriaLabel(reactionName, false),
   );
+  reactionButton.setAttribute('aria-pressed', 'false');
 }
 
 function hasUserReacted(reactionName) {
diff --git a/app/views/articles/_reaction_button.html.erb b/app/views/articles/_reaction_button.html.erb
index 48e365f20..eb62ec4c1 100644
--- a/app/views/articles/_reaction_button.html.erb
+++ b/app/views/articles/_reaction_button.html.erb
@@ -1,6 +1,7 @@
 <button
   id="reaction-butt-<%= category %>"
   aria-label="<%= aria_label %>"
+  aria-pressed="false"
   class="crayons-reaction crayons-reaction--<%= category %>"
   data-category="<%= category %>"
   title="<%= description %>">