From 304b46be0e4f5227a2768b8b3e45246bb9e16ac6 Mon Sep 17 00:00:00 2001
From: Jim Bledsoe <jim@acceleration.net>
Date: Thu, 29 Jun 2023 12:36:43 -0400
Subject: Improve accessibility for visually impaired (#70)

Fixes #69
---
 src/index.js   | 2 ++
 src/style.scss | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/index.js b/src/index.js
index b0739a3..4962d7c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -115,6 +115,7 @@ class IPAddress extends Component {
                 className="octet"
                 type="text"
                 data-octet={octet}
+                aria-label={"octet "+ octet}
                 onChange={this.handleChange}
                 onKeyDown={this.handleKeyDown}
                 onPaste={this.handlePaste}
@@ -128,6 +129,7 @@ class IPAddress extends Component {
             className="cidr"
             type="text"
             data-octet="cidr"
+            aria-label="cidr mask"
             onChange={this.handleChange}
             onKeyDown={this.handleKeyDown}
             onPaste={this.handlePaste}
diff --git a/src/style.scss b/src/style.scss
index 3e05831..a9c7407 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -93,7 +93,6 @@ body {
           }
           ol li.bit.masked {
             background-color: lighten($color_e, $octet_lighten);
-            color: lighten($color_e, 22%);
           }
         }
       }
@@ -124,7 +123,7 @@ body {
         text-transform: uppercase;
         font-size: modular-scale(2);
         font-weight: bold;
-        color: #779;
+        color: #656582;
       }
     }
   }
-- 
cgit v1.3.1