From 2f236982f8849e87b5ad7c87d716e470ed3f78ca Mon Sep 17 00:00:00 2001
From: maryscar <34582625+maryscar@users.noreply.github.com>
Date: Thu, 25 Jan 2018 12:41:26 -0800
Subject: [PATCH] improve(a11y): visibility accessibility via aria-label
 (#4127)

* Added aria-label for visual readers.

* Increased font weight for Models section span to meet contrast ratio visibility requirements.
---
 src/core/components/auth/authorize-operation-btn.jsx | 4 +++-
 src/style/_variables.scss                            | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/core/components/auth/authorize-operation-btn.jsx b/src/core/components/auth/authorize-operation-btn.jsx
index 760bac2a..19de588a 100644
--- a/src/core/components/auth/authorize-operation-btn.jsx
+++ b/src/core/components/auth/authorize-operation-btn.jsx
@@ -20,7 +20,9 @@ export default class AuthorizeOperationBtn extends React.Component {
     let { isAuthorized } = this.props
 
     return (
-      <button className={isAuthorized ? "authorization__btn locked" : "authorization__btn unlocked"} onClick={ this.onClick }>
+      <button className={isAuthorized ? "authorization__btn locked" : "authorization__btn unlocked"}
+        aria-label={isAuthorized ? "authorization button locked" : "authorization button unlocked"}
+        onClick={this.onClick}>
         <svg width="20" height="20">
           <use href={ isAuthorized ? "#locked" : "#unlocked" } xlinkHref={ isAuthorized ? "#locked" : "#unlocked" } />
         </svg>
diff --git a/src/style/_variables.scss b/src/style/_variables.scss
index f5e6a697..729b6b9d 100644
--- a/src/style/_variables.scss
+++ b/src/style/_variables.scss
@@ -175,7 +175,7 @@ $section-models-border-color: $gray-custom-2 !default;
 
 $section-models-isopen-h4-border-bottom-color: $section-models-border-color !default;
 
-$section-models-h4-font-color: $gray-500 !default;
+$section-models-h4-font-color: $gray-600 !default;
 $section-models-h4-background-color-hover: $gray-base !default;
 
 $section-models-h5-font-color: $gray-500 !default;
-- 
GitLab