Improve accessibility for visually impaired (#70)

Fixes #69

2 files changed, 3 insertions, 2 deletions

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;
       }
     }
   }