add aria labels

This commit is contained in:
MarkEEaton
2022-10-12 15:13:38 -04:00
committed by GitHub
parent e2ea445ae2
commit 0a216f8c9e
+3 -5
View File
@@ -9,11 +9,9 @@
<div id="app"><!-- vue app -->
<div class="row">
<!--<div id="obsolete_browser_alert" class="alert alert-danger obsolete_browser_alert">It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.</div>-->
<div class="col-xs-12" id="header-div">
<div class="dropdown" id="hamburger-container">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" aria-label="Hamburger Menu" id="hamburger">
<i class="fas fa-bars" style="font-size: 2em;"></i>
</button>
<ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
@@ -24,7 +22,7 @@
</li>
</ul>
</div><!-- end of hamburger container -->
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div">
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" aria-labelledby="login-text">
<div id="login-text">Login</div>
<div id="login-icon"><i class="fas fa-user"></i></div>
</a>
@@ -83,7 +81,7 @@
</h1>
<div class="form-group" id="flex-search-form">
<div class="dropdown input-group zero-margin" id="blue-border1">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" aria-label="Define Your Search">
<span id="defineYourSearch">Define Your Search </span><span class="caret"></span>
</button>
<ul class="dropdown-menu fade dropdown-margin" aria-labelledby="dropdownMenu1">