Add roles and labels to the dialogs on the dashboard.

LMS-1310

lms/templates/dashboard.html

@@ -194,9 +194,9 @@
 </section>
 
 <section id="email-settings-modal" class="modal">
-  <div class="inner-wrapper">
+  <div class="inner-wrapper" role="dialog" aria-labelledby="email-settings-title">
     <header>
-      <h2>${_('Email Settings for {course_number}').format(course_number='<span id="email_settings_course_number"></span>')}</h2>
+      <h2 id="email-settings-title">${_('Email Settings for {course_number}').format(course_number='<span id="email_settings_course_number"></span>')}</h2>
       <hr/>
     </header>
 
@@ -213,9 +213,9 @@
 </section>
 
 <section id="unenroll-modal" class="modal unenroll-modal">
-  <div class="inner-wrapper">
+  <div class="inner-wrapper" role="alertdialog" aria-labelledy="unenrollment-modal-title">
     <header>
-      <h2>${_('Are you sure you want to unregister from {course_number}?').format(course_number='<span id="unenroll_course_number"></span>')}</h2>
+      <h2 id="unenrollment-modal-title">${_('Are you sure you want to unregister from {course_number}?').format(course_number='<span id="unenroll_course_number"></span>')}</h2>
       <hr/>
     </header>
 
@@ -234,9 +234,9 @@
 </section>
 
 <section id="password_reset_complete" class="modal">
-  <div class="inner-wrapper">
+  <div class="inner-wrapper" role="dialog" aria-labelledby="password-reset-email">
     <header>
-      <h2>${_('Password Reset Email Sent')}</h2>
+      <h2 id="password-reset-email">${_('Password Reset Email Sent')}</h2>
       <hr/>
     </header>
     <div>
@@ -251,7 +251,7 @@
 </section>
 
 <section id="change_email" class="modal">
-  <div class="inner-wrapper">
+  <div class="inner-wrapper" role="dialog" aria-labelledby="change_email_title">
     <header>
       <h2><span id="change_email_title">${_("Change Email")}</span></h2>
       <hr/>
@@ -280,9 +280,9 @@
 </section>
 
 <section id="apply_name_change" class="modal">
-  <div class="inner-wrapper">
+  <div class="inner-wrapper" role="dialog" aria-labelledby="change-name-title">
     <header>
-      <h2>${_("Change your name")}</h2>
+      <h2 id="change-name-title">${_("Change your name")}</h2>
       <hr/>
     </header>
     <div id="change_name_body">