Added labels and tweaked muted colors for accessibility

Home now passing automated checks in accessibility insights for web.

diff --git a/resources/assets/sass/_colors.scss b/resources/assets/sass/_colors.scss
index 8f2de6c82007599538b126cac2a72ba189e6e5f9..3664d0076a308c980114f7ab6e8e601e481c9cbd 100644 (file)
--- 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 c413bcd8eecf6fd2c7e1bfae8b4b89777962286e..b9b4d092a1d7528c1b36a0c3af91ce244d771637 100644 (file)
--- 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 70f04f3ff52677a9d8639816536fae73f9b02630..d403a714ebf9e2161510c4ccfb79cc6de131f8f2 100644 (file)
--- 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 a5336c3f86216e4eb8b6739cd6a597a77668193d..95fcde65918d0f6d51dc545e0ab169277f416586 100644 (file)
--- 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>