Merge pull request #961 from edx/aj/TNL-6242_announce_save_state

Aj/tnl 6242 announce save state

openassessment/xblock/static/js/src/lms/oa_base.js

@@ -47,6 +47,7 @@ OpenAssessment.BaseView.prototype = {
     SLIDABLE_CONTENT_CLASS: "ui-slidable__content",
     SLIDABLE_CONTROLS_CLASS: "ui-slidable__control",
     SLIDABLE_CONTAINER_CLASS: "ui-slidable__container",
+    READER_FEEDBACK_CLASS: '.sr.reader-feedback',
 
     /**
      * Checks to see if the scrollTo function is available, then scrolls to the
@@ -69,15 +70,21 @@ OpenAssessment.BaseView.prototype = {
     },
 
     /**
+     * Clear the text in the Aria live region.
+     */
+    srClear: function() {
+        $(this.READER_FEEDBACK_CLASS).html('');
+    },
+
+    /**
      * Add the text messages to the Aria live region.
      *
      * @param {string[]} texts
      */
     srReadTexts: function(texts) {
-        var readerFeedbackID = '.sr.reader-feedback',
-            $readerFeedbackSelector = $(readerFeedbackID),
+        var $readerFeedbackSelector = $(this.READER_FEEDBACK_CLASS),
             htmlFeedback = '';
-
+        this.srClear();
         $.each(texts, function(ids, value) {
             htmlFeedback = htmlFeedback + '<p>' + value + '</p>\n';
         });

openassessment/xblock/static/js/src/lms/oa_response.js

@@ -351,7 +351,9 @@ OpenAssessment.ResponseView.prototype = {
             });
             if (currentResponseEqualsSaved) {
                 view.saveEnabled(false);
-                view.saveStatus(gettext("This response has been saved but not submitted."));
+                var msg = gettext("This response has been saved but not submitted.");
+                view.saveStatus(msg);
+                view.baseView.srReadTexts([msg]);
             }
         }).fail(function(errMsg) {
             view.saveStatus(gettext('Error'));

openassessment/xblock/static/js/src/lms/oa_training.js

@@ -108,11 +108,11 @@ OpenAssessment.StudentTrainingView.prototype = {
                 } else {
                     instructions.addClass("is--hidden");
                     incorrect.removeClass("is--hidden");
-                    $questionAnswers.each(function (index, answer) {
+                    $questionAnswers.each(function(index, answer) {
                         var $notification = $(".step__message.message", view.rubric.element).not(".is--hidden");
                         $(answer).attr('aria-describedby', $($notification[index]).attr('id'));
                     });
-                    baseView.srReadTexts([gettext('Feedback available for selection.')])
+                    baseView.srReadTexts([gettext('Feedback available for selection.')]);
                 }
                 baseView.scrollToTop(".step--student-training");
             }