From 8a4b2de4483c293958654195b3b0e37ba2db2b03 Mon Sep 17 00:00:00 2001
From: Tim Deschryver <28659384+timdeschryver@users.noreply.github.com>
Date: Sun, 16 Sep 2018 17:34:56 +0200
Subject: [PATCH] fix(docs-infra): ARIA roles used must conform to valid values

---
 projects/ngrx.io/src/404-body.html          | 6 +++---
 projects/ngrx.io/src/app/app.component.html | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/projects/ngrx.io/src/404-body.html b/projects/ngrx.io/src/404-body.html
index f8a8eb998e..bca2904727 100644
--- a/projects/ngrx.io/src/404-body.html
+++ b/projects/ngrx.io/src/404-body.html
@@ -21,9 +21,9 @@
     </mat-toolbar-row>
   </mat-toolbar>
 
-  <mat-sidenav-container class="sidenav-container mat-drawer-container mat-sidenav-container" role="main">
-    <mat-sidenav-content class="mat-drawer-content mat-sidenav-content">
-      <section class="sidenav-content" role="content">
+  <mat-sidenav-container class="sidenav-container mat-drawer-container mat-sidenav-container">
+    <mat-sidenav-content class="mat-drawer-content mat-sidenav-content" role="main">
+      <section class="sidenav-content">
         <aio-doc-viewer>
           <div class="content">
             <div class="nf-container l-flex-wrap flex-center">
diff --git a/projects/ngrx.io/src/app/app.component.html b/projects/ngrx.io/src/app/app.component.html
index af9fe91be4..99bfefd4ca 100644
--- a/projects/ngrx.io/src/app/app.component.html
+++ b/projects/ngrx.io/src/app/app.component.html
@@ -39,7 +39,7 @@
 
 <aio-search-results #searchResultsView *ngIf="showSearchResults" [searchResults]="searchResults | async" (resultSelected)="hideSearchResults()"></aio-search-results>
 
-<mat-sidenav-container class="sidenav-container" [class.starting]="isStarting" [class.has-floating-toc]="hasFloatingToc" role="main">
+<mat-sidenav-container class="sidenav-container" [class.starting]="isStarting" [class.has-floating-toc]="hasFloatingToc">
 
   <mat-sidenav [ngClass]="{'collapsed': !isSideBySide}" #sidenav class="sidenav" [mode]="mode" [opened]="isOpened" (openedChange)="updateHostClasses()">
     <aio-nav-menu *ngIf="!isSideBySide" [nodes]="topMenuNarrowNodes" [currentNode]="currentNodes?.TopBarNarrow" [isWide]="false"></aio-nav-menu>
@@ -50,7 +50,7 @@
     </div> -->
   </mat-sidenav>
 
-  <section class="sidenav-content" [id]="pageId" role="content">
+  <section class="sidenav-content" [id]="pageId" role="main">
     <aio-mode-banner [mode]="deployment.mode" [version]="versionInfo"></aio-mode-banner>
     <aio-doc-viewer [class.no-animations]="isStarting"
         [doc]="currentDocument"