Give course-item a role of button

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

@@ -106,7 +106,7 @@
         [cdkDragData]="course"
         *ngFor="let course of queriedCourses">
         <div class="course-wrapper-inner">
-          <cse-course-item [course]="course" type="search"></cse-course-item>
+          <cse-course-item role="button" aria-labelledby="queried-courses-list" [course]="course" type="search"></cse-course-item>
         </div>
       </div>
     </div>

src/app/degree-planner/saved-for-later-container/saved-for-later-container.component.html

@@ -15,7 +15,7 @@
       [cdkDragDisabled]="mobileView.matches"
       [cdkDragData]="course">
       <div class="course-wrapper-inner">
-        <cse-course-item [course]="course" type="saved" class="course-favorite" aria-describedby="saved-courses"></cse-course-item>
+        <cse-course-item role="button" aria-labelledby="saved-courses" [course]="course" type="saved" class="course-favorite"></cse-course-item>
       </div>
     </div>
 

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

@@ -12,7 +12,8 @@
         </ng-container>
 
         <cse-course-item
-          aria-describedby="enrolled-courses"
+          role="button"
+          aria-labelledby="enrolled-courses"
           *ngFor="let course of enrolledCourses"
           type="course"
           [disabled]="true"
@@ -59,7 +60,8 @@
           *ngFor="let course of plannedCourses"
         >
           <cse-course-item
-            aria-describedby="planned-courses"
+            role="button"
+            aria-labelledby="planned-courses"
             type="course"
             [course]="course"
             [era]="(term$ | async).era"