1
0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-15 00:03:28 +01:00

Make accessibility improvements

- Add URL search bar title and aria-label
- Ensure WCAG AA-acceptable contrast in calendar
This commit is contained in:
Tessa Walsh 2022-09-29 13:15:16 -04:00
parent e20fac2c75
commit ca6587caac
3 changed files with 25 additions and 9 deletions

File diff suppressed because one or more lines are too long

View File

@ -8,8 +8,17 @@
<img :src="config.logoImg" id="logo-img" alt="_('pywb logo')"> <img :src="config.logoImg" id="logo-img" alt="_('pywb logo')">
</a> </a>
<div class="flex-grow-1 d-flex" id="searchdiv"> <div class="flex-grow-1 d-flex" id="searchdiv">
<form class="form-inline my-2 my-md-0 mx-lg-auto" @submit="gotoUrl"> <form
<input id="theurl" type="text" :value="config.url" height="31"></input> class="form-inline my-2 my-md-0 mx-lg-auto"
role="search"
@submit="gotoUrl">
<input
id="theurl"
type="text"
:value="config.url"
height="31"
aria-label="_('Search for archival capture of URL')"
title="_('Search for archival capture of URL')"></input>
</form> </form>
</div> </div>
<button <button

View File

@ -12,7 +12,7 @@
border-radius: 10px; border-radius: 10px;
} }
.calendar-month:hover { .calendar-month:hover {
background-color: #eeeeee; background-color: #F5F5F5;
} }
.calendar-month.current { .calendar-month.current {
background-color: #fff7ce; background-color: #fff7ce;
@ -28,7 +28,7 @@
position: absolute; position: absolute;
top: 45%; top: 45%;
width: 100%; width: 100%;
color: gray; color: #454545;
} }
.calendar-month .day { .calendar-month .day {
position: relative; position: relative;
@ -37,7 +37,7 @@
text-align: center; text-align: center;
} }
.calendar-month .day.empty { .calendar-month .day.empty {
color: gray; color: #454545;
} }
.calendar-month .day .count { .calendar-month .day .count {
display: none; display: none;