Remove navigation role in favor of nav tag

Notes:
https://awkawk.github.io/using_nav.html
http://www.w3.org/WAI/GL/wiki/Using_HTML5_nav_element#Example:The_.3Cnav.3E_element

themes/bootstrap3/templates/header.phtml

@@ -13,60 +13,62 @@
 <? endif; ?>
 <? if (!isset($this->layout()->renderingError)): ?>
   <div class="collapse navbar-collapse" id="header-collapse">
-    <ul role="navigation" class="nav navbar-nav navbar-right flip">
-      <? if ($this->feedback()->tabEnabled()): ?>
-        <li>
-          <a id="feedbackLink" class="modal-link" href="<?=$this->url('feedback-home') ?>"><i class="fa fa-envelope"></i> <?=$this->transEsc("Feedback")?></a>
-        </li>
-      <? endif; ?>
-      <? $cart = $this->cart(); if ($cart->isActive()): ?>
-        <li id="cartSummary">
-          <a id="cartItems" class="modal-link" title="<?=$this->transEsc('View Book Bag')?>" href="<?=$this->url('cart-home')?>"><i class="fa fa-suitcase"></i> <strong><?=count($cart->getItems())?></strong> <?=$this->transEsc('items')?><?=$cart->isFull() ? ' (' .  $this->transEsc('bookbag_full') . ')' : ''?></a>
-        </li>
-      <? endif; ?>
-      <? if (is_object($account) && $account->loginEnabled()): // hide login/logout if unavailable ?>
-        <li class="logoutOptions<? if(!$account->isLoggedIn()): ?> hidden<? endif ?>">
-          <a href="<?=$this->url('myresearch-home', array(), array('query' => array('redirect' => 0)))?>" class="modal-link" title="<?=$this->transEsc("Your Account")?>"><i class="fa fa-home"></i> <?=$this->transEsc("Your Account")?></a>
-        </li>
-        <li class="logoutOptions<? if(!$account->isLoggedIn()): ?> hidden<? endif ?>">
-          <a href="<?=$this->url('myresearch-logout')?>" class="modal-link" title="<?=$this->transEsc("Log Out")?>"><i class="fa fa-sign-out"></i> <?=$this->transEsc("Log Out")?></a>
-        </li>
-        <li id="loginOptions"<? if($account->isLoggedIn()): ?> class="hidden"<? endif ?>>
-          <? if ($sessionInitiator = $account->getSessionInitiator($this->serverUrl($this->url('myresearch-home')))): ?>
-            <a href="<?=$this->escapeHtmlAttr($sessionInitiator)?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Institutional Login")?></a>
-          <? else: ?>
-            <a href="<?=$this->url('myresearch-userlogin')?>" class="modal-link" title="<?=$this->transEsc("Login")?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Login")?></a>
-          <? endif; ?>
-        </li>
-      <? endif; ?>
+    <nav>
+      <ul class="nav navbar-nav navbar-right flip">
+        <? if ($this->feedback()->tabEnabled()): ?>
+          <li>
+            <a id="feedbackLink" class="modal-link" href="<?=$this->url('feedback-home') ?>"><i class="fa fa-envelope"></i> <?=$this->transEsc("Feedback")?></a>
+          </li>
+        <? endif; ?>
+        <? $cart = $this->cart(); if ($cart->isActive()): ?>
+          <li id="cartSummary">
+            <a id="cartItems" class="modal-link" title="<?=$this->transEsc('View Book Bag')?>" href="<?=$this->url('cart-home')?>"><i class="fa fa-suitcase"></i> <strong><?=count($cart->getItems())?></strong> <?=$this->transEsc('items')?><?=$cart->isFull() ? ' (' .  $this->transEsc('bookbag_full') . ')' : ''?></a>
+          </li>
+        <? endif; ?>
+        <? if (is_object($account) && $account->loginEnabled()): // hide login/logout if unavailable ?>
+          <li class="logoutOptions<? if(!$account->isLoggedIn()): ?> hidden<? endif ?>">
+            <a href="<?=$this->url('myresearch-home', array(), array('query' => array('redirect' => 0)))?>" class="modal-link" title="<?=$this->transEsc("Your Account")?>"><i class="fa fa-home"></i> <?=$this->transEsc("Your Account")?></a>
+          </li>
+          <li class="logoutOptions<? if(!$account->isLoggedIn()): ?> hidden<? endif ?>">
+            <a href="<?=$this->url('myresearch-logout')?>" class="modal-link" title="<?=$this->transEsc("Log Out")?>"><i class="fa fa-sign-out"></i> <?=$this->transEsc("Log Out")?></a>
+          </li>
+          <li id="loginOptions"<? if($account->isLoggedIn()): ?> class="hidden"<? endif ?>>
+            <? if ($sessionInitiator = $account->getSessionInitiator($this->serverUrl($this->url('myresearch-home')))): ?>
+              <a href="<?=$this->escapeHtmlAttr($sessionInitiator)?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Institutional Login")?></a>
+            <? else: ?>
+              <a href="<?=$this->url('myresearch-userlogin')?>" class="modal-link" title="<?=$this->transEsc("Login")?>"><i class="fa fa-sign-in"></i> <?=$this->transEsc("Login")?></a>
+            <? endif; ?>
+          </li>
+        <? endif; ?>
 
-      <? if (isset($this->layout()->themeOptions) && count($this->layout()->themeOptions) > 1): ?>
-        <li class="dropdown">
-          <form method="post" name="themeForm" id="themeForm">
-            <input type="hidden" name="ui"/>
-          </form>
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?=$this->transEsc("Theme")?> <b class="caret"></b></a>
-          <ul class="dropdown-menu">
-            <? foreach ($this->layout()->themeOptions as $current): ?>
-              <li<?=$current['selected'] ? ' class="active"' : ''?>><a href="#" onClick="document.themeForm.ui.value='<?=$this->escapeHtmlAttr($current['name'])?>';document.themeForm.submit()"><?=$this->transEsc($current['desc'])?></a></li>
-            <? endforeach; ?>
-          </ul>
-        </li>
-      <? endif; ?>
+        <? if (isset($this->layout()->themeOptions) && count($this->layout()->themeOptions) > 1): ?>
+          <li class="dropdown">
+            <form method="post" name="themeForm" id="themeForm">
+              <input type="hidden" name="ui"/>
+            </form>
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?=$this->transEsc("Theme")?> <b class="caret"></b></a>
+            <ul class="dropdown-menu">
+              <? foreach ($this->layout()->themeOptions as $current): ?>
+                <li<?=$current['selected'] ? ' class="active"' : ''?>><a href="#" onClick="document.themeForm.ui.value='<?=$this->escapeHtmlAttr($current['name'])?>';document.themeForm.submit()"><?=$this->transEsc($current['desc'])?></a></li>
+              <? endforeach; ?>
+            </ul>
+          </li>
+        <? endif; ?>
 
-      <? if (isset($this->layout()->allLangs) && count($this->layout()->allLangs) > 1): ?>
-        <li class="dropdown">
-          <form method="post" name="langForm" id="langForm">
-            <input type="hidden" name="mylang"/>
-          </form>
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?=$this->transEsc("Language")?> <b class="caret"></b></a>
-          <ul class="dropdown-menu">
-          <? foreach ($this->layout()->allLangs as $langCode => $langName): ?>
-            <li<?=$this->layout()->userLang == $langCode ? ' class="active"' : ''?>><a href="#" onClick="document.langForm.mylang.value='<?=$langCode?>';document.langForm.submit()"><?=$this->displayLanguageOption($langName)?></a></li>
-          <? endforeach; ?>
-          </ul>
-        </li>
-      <? endif; ?>
-    </ul>
+        <? if (isset($this->layout()->allLangs) && count($this->layout()->allLangs) > 1): ?>
+          <li class="dropdown">
+            <form method="post" name="langForm" id="langForm">
+              <input type="hidden" name="mylang"/>
+            </form>
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><?=$this->transEsc("Language")?> <b class="caret"></b></a>
+            <ul class="dropdown-menu">
+              <? foreach ($this->layout()->allLangs as $langCode => $langName): ?>
+                <li<?=$this->layout()->userLang == $langCode ? ' class="active"' : ''?>><a href="#" onClick="document.langForm.mylang.value='<?=$langCode?>';document.langForm.submit()"><?=$this->displayLanguageOption($langName)?></a></li>
+              <? endforeach; ?>
+            </ul>
+          </li>
+        <? endif; ?>
+      </ul>
+    </nav>
   </div>
 <? endif; ?>