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:
parent
e20fac2c75
commit
ca6587caac
File diff suppressed because one or more lines are too long
@ -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
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user