From 63b4338b24a75443016181242d3b0a0096fa3adf Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 24 Jan 2019 13:05:58 +0000
Subject: [PATCH] accessibility fixes to the all submissions table
---
opentech/apply/review/templatetags/review_tags.py | 2 +-
opentech/static_src/src/sass/apply/abstracts/_variables.scss | 3 ++-
.../src/sass/apply/components/_all-submissions-table.scss | 2 +-
opentech/static_src/src/sass/apply/components/_table.scss | 2 +-
4 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/opentech/apply/review/templatetags/review_tags.py b/opentech/apply/review/templatetags/review_tags.py
index 444a7e27c..e5ef985c5 100644
--- a/opentech/apply/review/templatetags/review_tags.py
+++ b/opentech/apply/review/templatetags/review_tags.py
@@ -21,7 +21,7 @@ TRAFFIC_LIGHT_COLORS = {
}
}
-TRAFFIC_LIGHT_TEMPLATE = '<span class="traffic-light traffic-light--{color}">{value}</span>'
+TRAFFIC_LIGHT_TEMPLATE = '<span aria-label="Traffic light score" class="traffic-light traffic-light--{color}">{value}</span>'
@register.filter()
diff --git a/opentech/static_src/src/sass/apply/abstracts/_variables.scss b/opentech/static_src/src/sass/apply/abstracts/_variables.scss
index dd696f978..c4e87dfd6 100644
--- a/opentech/static_src/src/sass/apply/abstracts/_variables.scss
+++ b/opentech/static_src/src/sass/apply/abstracts/_variables.scss
@@ -26,7 +26,7 @@ $color--mint: #40c2ad;
$color--grass: #7dc588;
$color--ocean: #1888b1;
$color--sky-blue: #e7f2f6;
-$color--marine: #177da8;
+$color--marine: #14729a;
$color--mist: #f3fafe;
$color--green: #7dc558;
$color--pastel-red: #f1a9a9;
@@ -39,6 +39,7 @@ $color--linkedin: #137ab8;
$color--facebook: #396ab5;
// Transparent
+$color--black-60: rgba(0, 0, 0, .6);
$color--black-50: rgba(0, 0, 0, .5);
$color--black-40: rgba(0, 0, 0, .4);
$color--black-25: rgba(0, 0, 0, .25);
diff --git a/opentech/static_src/src/sass/apply/components/_all-submissions-table.scss b/opentech/static_src/src/sass/apply/components/_all-submissions-table.scss
index fae5401c5..5b843eab4 100644
--- a/opentech/static_src/src/sass/apply/components/_all-submissions-table.scss
+++ b/opentech/static_src/src/sass/apply/components/_all-submissions-table.scss
@@ -13,7 +13,7 @@
th {
&.reviews_stats { // sass-lint:disable-line class-name-format
- color: $color--mid-dark-grey;
+ color: $color--black-60;
span {
font-size: 13px;
diff --git a/opentech/static_src/src/sass/apply/components/_table.scss b/opentech/static_src/src/sass/apply/components/_table.scss
index 3b5dfbe90..5bb173ed3 100644
--- a/opentech/static_src/src/sass/apply/components/_table.scss
+++ b/opentech/static_src/src/sass/apply/components/_table.scss
@@ -13,7 +13,7 @@ table {
text-align: left;
a {
- color: $color--mid-dark-grey;
+ color: $color--black-60;
transition: color .25s ease-out;
}
}
--
GitLab