Merge pull request #7416 from edx/cptvitamin/UX-1838-dashboard-heading-structure-n-context

adds additional context for SR users and corrects heading order

common/test/acceptance/pages/lms/dashboard.py

@@ -64,7 +64,7 @@ class DashboardPage(PageObject):
     @property
     def username(self):
         """Return the displayed value for the user's username"""
-        return self.q(css='h1.user-name').text[0]
+        return self.q(css='.user-name').text[0]
 
     def get_enrollment_mode(self, course_name):
         """Get the enrollment mode for a given course on the dashboard.

lms/static/sass/multicourse/_dashboard.scss

@@ -20,15 +20,18 @@
       width: flex-grid(12);
       background: $dashboard-profile-color;
 
-      h1.user-name {
+      .user-name {
+        display: block;
         overflow: hidden;
         margin: 0;
-        padding: ($baseline*0.75) ($baseline/2);
+        padding: ($baseline*0.75) ($baseline/2) 0;
         color: $base-font-color;
         text-transform: none;
         text-wrap: nowrap;
         text-overflow: ellipsis;
-        font: 700 1.2em/1.2em $sans-serif;
+        text-align: center;
+        font-weight: 700;
+        line-height: 1.2em;
       }
     }
 

lms/templates/dashboard.html

@@ -77,7 +77,7 @@
 
   <section class="profile-sidebar">
     <header class="profile">
-      <h1 class="user-name">${ user.username }</h1>
+      <h2><span class="sr">${_("Username")}: </span><span class="user-name">${ user.username }</span></h2>
     </header>
     <section class="user-info">
       <ul>