From 1187e71880ac0b3bf4e0cffff901c92e0b542940 Mon Sep 17 00:00:00 2001
From: Greg Price <gprice@edx.org>
Date: Fri, 11 Oct 2013 10:52:10 -0400
Subject: [PATCH] Add accessible text to forum loading animations

---
 common/static/coffee/src/discussion/utils.coffee              | 2 +-
 .../src/discussion/views/discussion_thread_list_view.coffee   | 4 ++--
 lms/templates/discussion/_underscore_templates.html           | 2 +-
 lms/templates/discussion/mustache/_inline_thread.mustache     | 2 +-
 .../discussion/mustache/_inline_thread_cohorted.mustache      | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/common/static/coffee/src/discussion/utils.coffee b/common/static/coffee/src/discussion/utils.coffee
index e2ca220a8d..dd7caeb033 100644
--- a/common/static/coffee/src/discussion/utils.coffee
+++ b/common/static/coffee/src/discussion/utils.coffee
@@ -3,7 +3,7 @@ $ ->
     window.$$contents = {}
   $.fn.extend
     loading: ->
-      @$_loading = $("<div class='loading-animation'></div>")
+      @$_loading = $("<div class='loading-animation'><span class='sr'>Loading content</span></div>")
       $(this).after(@$_loading)
     loaded: ->
       @$_loading.remove()
diff --git a/common/static/coffee/src/discussion/views/discussion_thread_list_view.coffee b/common/static/coffee/src/discussion/views/discussion_thread_list_view.coffee
index 8259004893..5a1e3fa9ae 100644
--- a/common/static/coffee/src/discussion/views/discussion_thread_list_view.coffee
+++ b/common/static/coffee/src/discussion/views/discussion_thread_list_view.coffee
@@ -124,7 +124,7 @@ if Backbone?
     loadMorePages: (event) ->
       if event
         event.preventDefault()
-      @$(".more-pages").html('<div class="loading-animation"></div>')
+      @$(".more-pages").html('<div class="loading-animation"><span class="sr">Loading more threads</span></div>')
       @$(".more-pages").addClass("loading")
       options = {}
       switch @mode
@@ -405,7 +405,7 @@ if Backbone?
         type: "GET"
         $loading: $
         loadingCallback: =>
-          @$(".post-list").html('<li class="loading"><div class="loading-animation"></div></li>')
+          @$(".post-list").html('<li class="loading"><div class="loading-animation"><span class="sr">Loading thread list</span></div></li>')
         loadedCallback: =>
           if callback
             callback.apply @, [value]
diff --git a/lms/templates/discussion/_underscore_templates.html b/lms/templates/discussion/_underscore_templates.html
index fd936187a5..30285658ea 100644
--- a/lms/templates/discussion/_underscore_templates.html
+++ b/lms/templates/discussion/_underscore_templates.html
@@ -6,7 +6,7 @@
         <div class="thread-content-wrapper"></div>
         
         <ol class="responses">
-            <li class="loading"><div class="loading-animation"></div></li>
+            <li class="loading"><div class="loading-animation"><span class="sr">Loading content</span></div></li>
         </ol>
         <div class="post-status-closed bottom-post-status" style="display: none">
           ${_("This thread is closed.")}
diff --git a/lms/templates/discussion/mustache/_inline_thread.mustache b/lms/templates/discussion/mustache/_inline_thread.mustache
index b52d3924e7..97a0ad6971 100644
--- a/lms/templates/discussion/mustache/_inline_thread.mustache
+++ b/lms/templates/discussion/mustache/_inline_thread.mustache
@@ -2,7 +2,7 @@
     <div class="thread-content-wrapper"></div>
 
     <ol class="responses post-extended-content">
-        <li class="loading"><div class="loading-animation"></div></li>
+        <li class="loading"><div class="loading-animation"><span class="sr">Loading content</span></div></li>
     </ol>
     <form class="local discussion-reply-new post-extended-content"  data-id="{{id}}">
         <h4>Post a response:</h4>
diff --git a/lms/templates/discussion/mustache/_inline_thread_cohorted.mustache b/lms/templates/discussion/mustache/_inline_thread_cohorted.mustache
index 40921aeb4e..6b6fafd105 100644
--- a/lms/templates/discussion/mustache/_inline_thread_cohorted.mustache
+++ b/lms/templates/discussion/mustache/_inline_thread_cohorted.mustache
@@ -4,7 +4,7 @@
     <div class="thread-content-wrapper"></div>
 
     <ol class="responses post-extended-content">
-        <li class="loading"><div class="loading-animation"></div></li>
+        <li class="loading"><div class="loading-animation"><span class="sr">Loading content</span></div></li>
     </ol>
     <form class="local discussion-reply-new post-extended-content"  data-id="{{id}}">
         <h4>Post a response:</h4>