From 1b33a0c5b92a6e3cf8d75ce18edbac5311085a91 Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sun, 18 Aug 2019 19:17:43 +0100
Subject: [PATCH] Added labels and tweaked muted colors for accessibility

Home now passing automated checks in accessibility insights for web.
---
 resources/assets/sass/_colors.scss      | 8 ++------
 resources/assets/sass/_lists.scss       | 2 --
 resources/assets/sass/styles.scss       | 2 +-
 resources/views/common/header.blade.php | 6 ++++--
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/resources/assets/sass/_colors.scss b/resources/assets/sass/_colors.scss
index 8f2de6c82..3664d0076 100644
--- a/resources/assets/sass/_colors.scss
+++ b/resources/assets/sass/_colors.scss
@@ -26,12 +26,8 @@
 }
 
 .text-muted {
-  color: lighten($text-dark, 26%) !important;
-  fill: lighten($text-dark, 26%) !important;
-  &.small, .small {
-    color: lighten($text-dark, 32%) !important;
-    fill: lighten($text-dark, 32%) !important;
-  }
+  color: #575757 !important;
+  fill: #575757 !important;
 }
 
 /*
diff --git a/resources/assets/sass/_lists.scss b/resources/assets/sass/_lists.scss
index c413bcd8e..b9b4d092a 100644
--- a/resources/assets/sass/_lists.scss
+++ b/resources/assets/sass/_lists.scss
@@ -287,8 +287,6 @@
   display: grid;
   grid-template-columns: min-content 1fr;
   grid-column-gap: $-m;
-  color: #888;
-  fill: #888;
   font-size: 0.9em;
 }
 .card .activity-list-item {
diff --git a/resources/assets/sass/styles.scss b/resources/assets/sass/styles.scss
index 70f04f3ff..d403a714e 100644
--- a/resources/assets/sass/styles.scss
+++ b/resources/assets/sass/styles.scss
@@ -260,7 +260,7 @@ $btt-size: 40px;
   .list-sort-label {
     font-weight: bold;
     display: inline-block;
-    color: #888;
+    color: #555;
   }
   .list-sort-type {
     text-align: left;
diff --git a/resources/views/common/header.blade.php b/resources/views/common/header.blade.php
index a5336c3f8..95fcde659 100644
--- a/resources/views/common/header.blade.php
+++ b/resources/views/common/header.blade.php
@@ -16,8 +16,10 @@
         <div class="header-search hide-under-l">
             @if (hasAppAccess())
             <form action="{{ url('/search') }}" method="GET" class="search-box">
-                <button id="header-search-box-button" type="submit">@icon('search') </button>
-                <input id="header-search-box-input" type="text" name="term" tabindex="2" placeholder="{{ trans('common.search') }}" value="{{ isset($searchTerm) ? $searchTerm : '' }}">
+                <button id="header-search-box-button" type="submit" aria-label="{{ trans('common.search') }}">@icon('search') </button>
+                <input id="header-search-box-input" type="text" name="term" tabindex="2"
+                       aria-label="{{ trans('common.search') }}" placeholder="{{ trans('common.search') }}"
+                       value="{{ isset($searchTerm) ? $searchTerm : '' }}">
             </form>
             @endif
         </div>