From c4e8dffdb77aba61a63414c171b333165d17dbc4 Mon Sep 17 00:00:00 2001
From: KDSBrowne <kert.browne85@gmail.com>
Date: Wed, 15 Mar 2017 08:24:57 -0700
Subject: [PATCH] add landmark roles and labels

---
 .../imports/ui/components/app/component.jsx   | 26 +++++++++----------
 .../ui/components/nav-bar/component.jsx       |  4 +--
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/app/component.jsx b/bigbluebutton-html5/imports/ui/components/app/component.jsx
index 7694d0ee87..62098644f6 100755
--- a/bigbluebutton-html5/imports/ui/components/app/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/app/component.jsx
@@ -50,9 +50,9 @@ export default class App extends Component {
 
     if (navbar) {
       return (
-        <header className={styles.navbar}>
+        <div className={styles.navbar}>
           {navbar}
-        </header>
+        </div>
       );
     }
 
@@ -85,9 +85,9 @@ export default class App extends Component {
       });
 
       return (
-        <nav className={cx(styles.userList, userListStyle)}>
+        <div className={cx(styles.userList, userListStyle)} role="region" aria-label="user list">
           {userList}
-        </nav>
+        </div>
       );
     }
 
@@ -99,9 +99,9 @@ export default class App extends Component {
 
     if (chat) {
       return (
-        <section className={styles.chat} role="log">
+        <div className={styles.chat} role="region" aria-label="chat">
           {chat}
-        </section>
+        </div>
       );
     }
 
@@ -113,9 +113,9 @@ export default class App extends Component {
 
     if (media) {
       return (
-        <section className={styles.media}>
+        <div className={styles.media} role="region" aria-label="media">
           {media}
-        </section>
+        </div>
       );
     }
 
@@ -126,9 +126,9 @@ export default class App extends Component {
     const { captions } = this.props;
     if (captions && this.props.getCaptionsStatus()) {
       return (
-        <section className={styles.closedCaptions}>
+        <div className={styles.closedCaptions} role="region" aria-label="Closed Captions">
           {captions}
-        </section>
+        </div>
       );
     }
   }
@@ -138,9 +138,9 @@ export default class App extends Component {
 
     if (actionsbar) {
       return (
-        <section className={styles.actionsbar}>
+        <div className={styles.actionsbar} role="region" aria-label="actions bar">
           {actionsbar}
-        </section>
+        </div>
       );
     }
 
@@ -211,7 +211,7 @@ export default class App extends Component {
     }
 
     return (
-      <main className={styles.main}>
+      <main className={styles.main} role="main">
         <AudioNotificationContainer />
         <NotificationsBarContainer />
         <section className={styles.wrapper}>
diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx
index 6f3ff8f7d5..fec55ce8c4 100755
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/component.jsx
@@ -75,12 +75,12 @@ class NavBar extends Component {
             ghost={true}
             circle={true}
             hideLabel={true}
-            label={'Toggle User-List'}
+            label={'User-List Toggle'}
             icon={'user'}
             className={cx(toggleBtnClasses)}
           />
         </div>
-        <div className={styles.center}>
+        <div className={styles.center} role="banner">
           {this.renderPresentationTitle()}
           <RecordingIndicator beingRecorded={beingRecorded}/>
         </div>