Accessibility fixings.

TNL-1930

lms/djangoapps/teams/static/teams/js/views/team_profile.js

@@ -42,6 +42,7 @@
                         membershipText: TeamUtils.teamCapacityText(memberships.length, this.maxTeamSize),
                         isMember: isMember,
                         hasCapacity: memberships.length < this.maxTeamSize,
+                        isEmpty: memberships.length < 1
 
                     }));
                     this.discussionView = new TeamDiscussionView({
@@ -50,6 +51,8 @@
                     this.discussionView.render();
 
                     this.renderTeamMembers();
+
+                    $('.sr-is-focusable').focus();
                     return this;
                 },
 

lms/djangoapps/teams/static/teams/templates/team-profile.underscore

@@ -18,7 +18,9 @@
             </div>
         <% } %>
         <div class="team-members">
-            <span class="sr"><%- gettext("Team member profiles") %></span>
+            <% if (!isEmpty) { %>
+                <span class="sr"><%- gettext("Team member profiles") %></span>
+            <% } %>
             <div class="members-info"></div>
         </div>
 

lms/templates/components/header/header.underscore

 <header class="page-header has-secondary">
     <div class="page-header-main">
+        <div class="sr-is-focusable" tabindex="-1"></div>
         <% if (breadcrumbs !== null && breadcrumbs.length > 0) { %>
             <nav class="breadcrumbs" aria-label="<%- nav_aria_label %>">
             <% _.each(breadcrumbs, function (breadcrumb) { %>