Added labels and tweaked muted colors for accessibility

Home now passing automated checks in accessibility insights for web.
This commit is contained in:
Dan Brown 2019-08-18 19:17:43 +01:00
parent 78f8a51664
commit 1b33a0c5b9
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
4 changed files with 7 additions and 11 deletions

View File

@ -26,12 +26,8 @@
} }
.text-muted { .text-muted {
color: lighten($text-dark, 26%) !important; color: #575757 !important;
fill: lighten($text-dark, 26%) !important; fill: #575757 !important;
&.small, .small {
color: lighten($text-dark, 32%) !important;
fill: lighten($text-dark, 32%) !important;
}
} }
/* /*

View File

@ -287,8 +287,6 @@
display: grid; display: grid;
grid-template-columns: min-content 1fr; grid-template-columns: min-content 1fr;
grid-column-gap: $-m; grid-column-gap: $-m;
color: #888;
fill: #888;
font-size: 0.9em; font-size: 0.9em;
} }
.card .activity-list-item { .card .activity-list-item {

View File

@ -260,7 +260,7 @@ $btt-size: 40px;
.list-sort-label { .list-sort-label {
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
color: #888; color: #555;
} }
.list-sort-type { .list-sort-type {
text-align: left; text-align: left;

View File

@ -16,8 +16,10 @@
<div class="header-search hide-under-l"> <div class="header-search hide-under-l">
@if (hasAppAccess()) @if (hasAppAccess())
<form action="{{ url('/search') }}" method="GET" class="search-box"> <form action="{{ url('/search') }}" method="GET" class="search-box">
<button id="header-search-box-button" type="submit">@icon('search') </button> <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" placeholder="{{ trans('common.search') }}" value="{{ isset($searchTerm) ? $searchTerm : '' }}"> <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> </form>
@endif @endif
</div> </div>