ROENROLL-1665

src/app/degree-planner/shared/course-item/course-item.component.html

@@ -13,6 +13,7 @@
       aria-haspopup="true">
       <div fxLayout="row" fxLayoutAlign="start center">
         <div class="icon-number-wrapper">
+          <span class="assistive-text">Moving course {{ course | courseDescription }}</span>
           <p cdkFocusRegionStart class="course-number">
             {{ course | courseDescription }}
           </p>

src/assets/sass/general.scss

@@ -254,6 +254,15 @@ body {
 
 // Screen readers helpers
 
+.assistive-text {
+  position: absolute;
+  padding: 0;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+}
+
 #skip-link {
   position: absolute !important;
   z-index: 999;