Include unique H1 on DP view visible for screen readers only

src/app/degree-planner/degree-planner.component.html

@@ -50,6 +50,7 @@
           fxLayoutGap="20px"
           fxLayoutAlign="start center"
           style="margin: 24px 0px 24px 24px;">
+          <h1 class="sr-only" tabindex="0">Degree Planner</h1>
           <mat-form-field>
             <mat-select
               aria-label="Degree plans list"

src/assets/sass/general.scss

@@ -248,6 +248,17 @@ body {
   }
 }
 
+// Screen readers only helper
+
+.sr-only {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
 // Media queries
 
 @media screen and (max-width: 800px) {