Make accessibility improvements

- Add URL search bar title and aria-label
- Ensure WCAG AA-acceptable contrast in calendar

pywb/vueui/src/App.vue

@@ -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">
+        <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>
       </div>
       <button

pywb/vueui/src/components/CalendarMonth.vue

@@ -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;