Merge pull request #19643 from edx/matthugs/proctoring-a11y-screen-real-estate

Improve screen real estate usage of proctoring courseware banner

lms/static/sass/course/layout/_courseware_preview.scss

@@ -1,3 +1,4 @@
+$proctoring-banner-text-size: 14px;
 .wrapper-preview-menu {
   @include clearfix();
 
@@ -67,7 +68,7 @@
   }
 
   .exam-timer {
-    font-size: 14px;
+    font-size: $proctoring-banner-text-size;
     background-color: rgb(229, 234, 236);
     padding: $baseline ($baseline*2);
     border-left: 4px solid theme-color("primary");
@@ -190,6 +191,10 @@
         border-top-left-radius: 0;
         margin-right: 0;
       }
+      h3 {
+        display: inline;
+        font-size: $proctoring-banner-text-size;
+      }
 
       b {
         padding-right: ($baseline/5);

lms/templates/courseware/proctored-exam-status.underscore

@@ -6,12 +6,18 @@
                 .replace(/>/g, '>')
         }
     %>
-    <div class='exam-text'>
+    <div class='exam-text js-exam-text' data-show-long="true">
         <% // xss-lint: disable=underscore-not-escaped %>
-        <%= interpolate_text('You are taking "{exam_link}" as a {exam_type} exam. The timer on the right shows the time remaining in the exam.', {exam_link: "<a href='" + exam_url_path + "'>"+gtLtEscape(exam_display_name)+"</a>", exam_type: (!_.isUndefined(arguments[0].exam_type)) ? exam_type : gettext('timed')}) %>
-        <%- gettext('To receive credit for problems, you must select "Submit" for each problem before you select "End My Exam".') %>
+        <%= interpolate_text('You are taking "{exam_link}" as a {exam_type} exam. ', {exam_link: "<a href='" + exam_url_path + "'>"+gtLtEscape(exam_display_name)+"</a>", exam_type: (!_.isUndefined(arguments[0].exam_type)) ? exam_type : gettext('timed')}) %>
+        <span class="js-exam-additional-text" aria-hidden="false">
+            <%- gettext('The timer on the right shows the time remaining in the exam.') %>
+            <%- gettext('To receive credit for problems, you must select "Submit" for each problem before you select "End My Exam".') %>
+        </span>
+        <button class="js-toggle-show-more btn btn-link" data-show-more-text="<%- gettext('Show More') %>" data-show-less-text="<%- gettext('Show Less') %>">
+            <%- gettext('Show Less') %>
+        </button>
     </div>
-    <div id="turn_in_exam_id" class="pull-right turn_in_exam">
+    <div id="turn_in_exam_id" class="pull-right turn_in_exam" role="region" aria-label="<%- gettext('Exam timer and end exam button')%>">
         <span>
             <% if(attempt_status !== 'ready_to_submit') {%>
                 <button class="exam-button-turn-in-exam btn btn-pl-primary btn-primary">
@@ -21,10 +27,10 @@
         </span>
         <span class="sr timer-announce" aria-live="assertive"></span>
         <span class="exam-timer-clock">
-            <span id="time_remaining_id">
+            <h3 id="time_remaining_id">
                 <b>
                 </b>
-            </span>
+            </h3>
             <button role="button" id="toggle_timer" class="btn btn-primary" aria-label="<%- gettext("Hide Timer") %>" aria-pressed="false">
                 <i class="fa fa-eye-slash" aria-hidden="true"></i>
             </button>

requirements/edx/base.txt

@@ -124,7 +124,7 @@ edx-oauth2-provider==1.2.2
 edx-opaque-keys[django]==0.4.4
 edx-organizations==1.0.0
 edx-proctoring-proctortrack==1.0.1
-edx-proctoring==1.5.7
+edx-proctoring==1.5.8
 edx-rest-api-client==1.9.2
 edx-search==1.2.1
 edx-submissions==2.1.1

requirements/edx/development.txt

@@ -143,7 +143,7 @@ edx-oauth2-provider==1.2.2
 edx-opaque-keys[django]==0.4.4
 edx-organizations==1.0.0
 edx-proctoring-proctortrack==1.0.1
-edx-proctoring==1.5.7
+edx-proctoring==1.5.8
 edx-rest-api-client==1.9.2
 edx-search==1.2.1
 edx-sphinx-theme==1.4.0

requirements/edx/testing.txt

@@ -138,7 +138,7 @@ edx-oauth2-provider==1.2.2
 edx-opaque-keys[django]==0.4.4
 edx-organizations==1.0.0
 edx-proctoring-proctortrack==1.0.1
-edx-proctoring==1.5.7
+edx-proctoring==1.5.8
 edx-rest-api-client==1.9.2
 edx-search==1.2.1
 edx-submissions==2.1.1