diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html
index eb619c9e801800d78fc21a03b46ca26f152046e0..73d3552da3bbfac31b52d66cc79057a292c3b380 100644
--- a/src/app/degree-planner/degree-planner.component.html
+++ b/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"
diff --git a/src/assets/sass/general.scss b/src/assets/sass/general.scss
index 2b3e5b8cc17cf6b3e371c1d76fc5b3a2b414bc0f..3a6962871c1c8cab4fcdd0f90dabe77300fdc0db 100644
--- a/src/assets/sass/general.scss
+++ b/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) {