From cefff178ecd9ca4fe7f5daf3343ccbe3923787f7 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Wed, 12 Dec 2018 00:01:13 +0100
Subject: [PATCH] chore: add landmark elements to dev app (#14436)

Fixes the dev app not having landmark elements. This removes some of the noise when doing accessibility checks with aXe.
---
 src/dev-app/dev-app.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/dev-app/dev-app.html b/src/dev-app/dev-app.html
index a9687c8c487..03be9382bea 100644
--- a/src/dev-app/dev-app.html
+++ b/src/dev-app/dev-app.html
@@ -1,5 +1,5 @@
 <mat-sidenav-container class="demo-container">
-  <mat-sidenav #start>
+  <mat-sidenav #start role="navigation">
     <mat-nav-list>
       <a *ngFor="let navItem of navItems"
          mat-list-item
@@ -22,7 +22,7 @@
     </mat-nav-list>
     <button mat-button tabindex="-1" (click)="start.close()">CLOSE</button>
   </mat-sidenav>
-  <div>
+  <main>
     <mat-toolbar color="primary">
       <button mat-icon-button (click)="start.open('mouse')">
         <mat-icon>menu</mat-icon>
@@ -45,5 +45,5 @@
     <div #root="dir" dir="ltr" class="demo-content">
       <router-outlet></router-outlet>
     </div>
-  </div>
+  </main>
 </mat-sidenav-container>