Skip to content

Commit

Permalink
Fixes Insufficient colour contrast on select boxes on Windows 10
Browse files Browse the repository at this point in the history
In Windows 10 on Internet Explorer and Edge selected and active
options in select boxes have a light blue visual treatment.
That differes from other browser vendors' implementation and it
it has a contrast ration 2.9:1 which is not accesible.
By applying microsoft only CSS values  using the GOV.UK
blue this has now been fixed.
  • Loading branch information
Jani Kraner authored and Jani Kraner committed Apr 28, 2017
1 parent d8f68e1 commit 5233dff
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions public/sass/elements/_forms.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
// 4. Form hints
// 5. Form controls
// 6. Form control widths
// 7. Browser accessibility fixes

// 1. Helpers
// ==========================================================================
Expand Down Expand Up @@ -223,3 +224,13 @@ textarea.form-control {
width: 12.5%;
}
}

// 7. Browser accessibility fixes
// ==========================================================================

option:active,
option:checked,
select:focus::-ms-value {
color: $white;
background-color: $govuk-blue;
}

0 comments on commit 5233dff

Please sign in to comment.