[TAC038] Improve the follow button for screen readers

ahukkanen · ahukkanen · commit 9923b7a38274 · 2020-03-29T19:30:45.000+03:00
diff --git a/decidim-core/app/cells/decidim/follow_button/show.erb b/decidim-core/app/cells/decidim/follow_button/show.erb
@@ -16,7 +16,8 @@
       <%= button_to decidim.follow_path, class: button_classes, params: { follow: { followable_gid: model.to_sgid.to_s, inline: inline? } }, data: { disable: true }, remote: true do %>
         <span class="icon-wrap">
           <%= icon "bell", icon_options %>
-          <%= model.followers.count %>
+          <span aria-hidden="true"><%= model.followers.count %></span>
+          <span class="show-for-sr"><%= t("decidim.followers.followers_count", count: model.followers.count) %></span>
         </span>
         <span class="text-wrap">
           <% if current_user.follows?(model.try(:participatory_space)) %>
@@ -42,7 +43,8 @@
       remote: true) do %>
       <span class="icon-wrap">
         <%= icon "bell", icon_options %>
-        <%= model.followers.count %>
+        <span aria-hidden="true"><%= model.followers.count %></span>
+        <span class="show-for-sr"><%= t("decidim.followers.followers_count", count: model.followers.count) %></span>
       </span>
       <span class="text-wrap">
         <%= t("follows.create.button", scope: "decidim") %>
