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 %>">