From ae12848e230588ed43ffbde02cce663a8b46f400 Mon Sep 17 00:00:00 2001
From: Alberto Garcia Cabeza <alberto@decabeza.es>
Date: Mon, 5 Dec 2016 14:26:54 +0100
Subject: [PATCH] adds text for screen readers on toggle comments

---
 app/assets/javascripts/comments.js.coffee | 1 +
 app/views/comments/_comment.html.erb      | 3 ++-
 config/locales/en.yml                     | 1 +
 config/locales/es.yml                     | 1 +
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/comments.js.coffee b/app/assets/javascripts/comments.js.coffee
index 876a89b20..fefe85544 100644
--- a/app/assets/javascripts/comments.js.coffee
+++ b/app/assets/javascripts/comments.js.coffee
@@ -52,5 +52,6 @@ App.Comments =
         children_container_id = "#{$(this).data().id}_children"
         $("##{children_container_id}").toggle('slow')
         App.Comments.toggle_arrow(children_container_id)
+        $(this).children('.js-child-toggle').toggle()
         false
       )
diff --git a/app/views/comments/_comment.html.erb b/app/views/comments/_comment.html.erb
index bf8bfb50d..3424e6fcc 100644
--- a/app/views/comments/_comment.html.erb
+++ b/app/views/comments/_comment.html.erb
@@ -74,7 +74,8 @@
 
             <% if comment.children.size > 0 %>
               <%= link_to "", class: "js-toggle-children relative", data:  {'id': "#{dom_id(comment)}"} do %>
-                <span class="sr-only"><%= t("shared.show") %></span>
+                <span class="sr-only js-child-toggle" style="display: none;"><%= t("shared.show") %></span>
+                <span class="sr-only js-child-toggle"><%= t("shared.hide") %></span>
                 <span id="<%= dom_id(comment) %>_children_arrow" class="icon-arrow-down"></span> <%= t("comments.comment.responses", count: comment.children.size) %>
               <% end %>
             <% else %>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index db2b3b1c5..cd713df7e 100755
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -426,6 +426,7 @@ en:
     check_none: None
     collective: Collective
     flag: Flag as inappropriate
+    hide: Hide
     print:
       print_button: Print this info
     show: Show
diff --git a/config/locales/es.yml b/config/locales/es.yml
index fea817454..6f1ca30b9 100755
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -426,6 +426,7 @@ es:
     check_none: Ninguno
     collective: Colectivo
     flag: Denunciar como inapropiado
+    hide: Ocultar
     print:
       print_button: Imprimir esta información
     show: Mostrar