Commit 05939d2d authored by Jonathan McGlone's avatar Jonathan McGlone
Browse files

accessibility fixes: submit button label; main landmark; color contrast issues; table fixes

parent b3415897
......@@ -10,9 +10,9 @@ const Layout = ({ children }) => {
return (
<div>
<Navbar />
<div className="page-container">
<main className="page-container">
{children}
</div>
</main>
<Footer />
<Helmet>
<script src={withPrefix('bootstrap.min.js')} type="text/javascript" />
......
......@@ -34,7 +34,7 @@ const Navbar = () => {
<label className="sr-only" htmlFor="catalog_search">Search and discover books</label>
<input type="search" name="q" id="catalog_search" className="q search-query form-control" placeholder="Search and discover books" tabIndex="0"/>
<div className="input-group-btn">
<button type="submit" className="search-submit" id="keyword-search-submit" tabIndex="0">
<button type="submit" className="search-submit" id="keyword-search-submit" tabIndex="0" aria-label="Submit Search">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="mx-3"><circle cx="10.5" cy="10.5" r="7.5"></circle><line x1="21" y1="21" x2="15.8" y2="15.8"></line></svg>
......
......@@ -75,6 +75,9 @@ button:focus {
box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.25) !important;
}
.text-light {
color: #fff !important;
}
// links
p, ul li, ol li {
......
......@@ -37,7 +37,7 @@ title: Information for Librarians
<tr>
<th scope="col">Institution Size</th>
<th scope="col">Price</th>
<tr>
</tr>
</thead>
<tbody>
<tr>
......@@ -65,12 +65,13 @@ title: Information for Librarians
<table class="table">
<caption>*International pricing based on World Bank List of Economies</caption>
<thead class="thead-dark proxima-nova">
<tr> <th scope="col"></th><th scope="col">High Income</th>
<th scope="col">Upper Middle Income (25%)</th><th scope="col">Lower Middle Income (50%)</th>
<th scope="col">Lower Income (75%)</th>
<tr>
<tr>
<th scope="col">Degree</th>
<th scope="col">High Income</th>
<th scope="col">Upper Middle Income (25%)</th>
<th scope="col">Lower Middle Income (50%)</th>
<th scope="col">Lower Income (75%)</th>
</tr>
</thead>
<tbody>
<tr>
......@@ -89,13 +90,11 @@ title: Information for Librarians
<td>Associate</td> <td>$636</td>
<td>$477</td><td>$318</td><td>$159</td>
</tr>
<tr>
</tr>
</tbody>
</table>
</div>
<div class="col-md-4">
<a class="btn btn-lg btn-secondary my-4" href="https://ftp.fulcrum.org/HEB/Title_Lists/">Download Title Lists</a>
<a class="btn btn-lg btn-secondary my-4" href="https://ftp.fulcrum.org/HEB/MARC/">Download MARC Records</a>
<a class="btn btn-lg btn-secondary my-4" href="https://www.lyrasis.org/content/Pages/product-details.aspx?pid=6A3CE662-3001-E111-B2CE-00155D0A1702">Request a Quote</a> <a class="btn btn-lg btn-secondary my-4" href="https://tools.lib.umich.edu/confluence/display/FPS/ACLS+HEB">Technical FAQ</a> <a class="btn btn-lg btn-secondary my-4" href="https://www.fulcrum.org/accessibility/#content">Accessibility Information</a> </div>
\ No newline at end of file
<a class="btn btn-lg btn-secondary my-4" href="https://www.lyrasis.org/content/Pages/product-details.aspx?pid=6A3CE662-3001-E111-B2CE-00155D0A1702">Request a Quote</a> <a class="btn btn-lg btn-secondary my-4" href="https://tools.lib.umich.edu/confluence/display/FPS/ACLS+HEB">Technical FAQ</a> <a class="btn btn-lg btn-secondary my-4" href="https://www.fulcrum.org/accessibility/#content">Accessibility Information</a>
</div>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment