backup/pywb
1
0
Fork 0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-15 00:03:28 +01:00
Code Issues Projects Releases Activity

Make accessibility improvements

Browse Source 
- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pywb/static/vue/vueui.js
View File

File diff suppressed because one or more lines are too long

13
pywb/vueui/src/App.vue
View File

@ -8,8 +8,17 @@
<img :src="config.logoImg" id="logo-img" alt="_('pywb logo')">
</a>
<div class="flex-grow-1 d-flex" id="searchdiv">
<form class="form-inline my-2 my-md-0 mx-lg-auto" @submit="gotoUrl">
<input id="theurl" type="text" :value="config.url" height="31"></input>
<form
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>
</div>
<button

6
pywb/vueui/src/components/CalendarMonth.vue
View File

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