Add aria-label of current tab depending on active view

src/app/core/navigation/navigation.component.html

@@ -3,10 +3,10 @@
     <a mat-tab-link href="/search">Search</a>
     <a mat-tab-link href="/my-courses">My Courses</a>
     <a mat-tab-link href="/scheduler">Scheduler</a>
-    <a mat-tab-link routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Degree Planner</a>
+    <a mat-tab-link attr.aria-label="{{ activeView === 'Degree Planner' ? 'Selected tab, Degree Planner' : 'Degree Planner'}}" routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">Degree Planner</a>
     <ng-container *ngIf="useNewDARSView; then linkToNewDARSView else linkToOldDARSView"></ng-container>
     <ng-template #linkToNewDARSView>
-      <a mat-tab-link routerLink="/dars" routerLinkActive="active">Degree Audit (DARS)</a>
+      <a mat-tab-link routerLink="/dars" routerLinkActive="active" attr.aria-label="{{ activeView === 'DARS' ? 'Selected tab, Degree Audit DARS' : 'Degree Audit DARS'}}">Degree Audit (DARS)</a>
     </ng-template>
     <ng-template #linkToOldDARSView>
       <a mat-tab-link href="/dars">Degree Audit (DARS)</a>

src/app/core/navigation/navigation.component.ts

-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material';
 import { environment } from './../../../environments/environment';
 import { FeedbackDialogComponent } from '@app/degree-planner/dialogs/feedback-dialog/feedback-dialog.component';
+import { Location } from '@angular/common';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'cse-navigation',
   templateUrl: './navigation.component.html',
   styleUrls: ['./navigation.component.scss'],
 })
-export class NavigationComponent {
+export class NavigationComponent implements OnInit {
+  public activeView: 'Degree Planner' | 'DARS';
   public useNewDARSView?: boolean;
 
-  constructor(public dialog: MatDialog) {
+  constructor(
+    public dialog: MatDialog,
+    private location: Location,
+    private router: Router,
+  ) {
     this.useNewDARSView = environment['useNewDARSView'] === true;
   }
-
+  ngOnInit() {
+    this.router.events.subscribe(() => {
+      if (this.location.path() === '') {
+        this.activeView = 'Degree Planner';
+      } else if (this.location.path() === '/dars') {
+        this.activeView = 'DARS';
+      }
+    });
+  }
   public onFeedbackClick() {
     this.dialog.open(FeedbackDialogComponent, {
       closeOnNavigation: true,