Added full support for accessibility (A11y) according to WCAG 2.1 & W3C AA

.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": ["es2015", "stage-0"]
+  "presets": ["@babel/preset-env"]
 }

dist/notie.css

@@ -11,42 +11,57 @@
   -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
-  @media screen and (max-width: 900px) {
-    .notie-container {
-      font-size: 1.4rem; } }
-  @media screen and (max-width: 750px) {
-    .notie-container {
-      font-size: 1.2rem; } }
-  @media screen and (max-width: 400px) {
-    .notie-container {
-      font-size: 1rem; } }
+  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
+}
+@media screen and (max-width: 900px) {
+  .notie-container {
+    font-size: 1.4rem;
+  }
+}
+@media screen and (max-width: 750px) {
+  .notie-container {
+    font-size: 1.2rem;
+  }
+}
+@media screen and (max-width: 400px) {
+  .notie-container {
+    font-size: 1rem;
+  }
+}
 
 .notie-background-success {
-  background-color: #57BF57; }
+  background-color: #008800;
+}
 
 .notie-background-warning {
-  background-color: #D6A14D; }
+  background-color: #D6A14D;
+}
 
 .notie-background-error {
-  background-color: #E1715B; }
+  background-color: #CC0000;
+}
 
 .notie-background-info {
-  background-color: #4D82D6; }
+  background-color: #0066FF;
+}
 
 .notie-background-neutral {
-  background-color: #A0A0A0; }
+  background-color: #757575;
+}
 
 .notie-background-overlay {
-  background-color: #FFFFFF; }
+  background-color: #FFFFFF;
+}
 
 .notie-textbox {
   color: #FFFFFF;
-  padding: 20px; }
+  padding: 20px;
+}
 
 .notie-textbox-inner {
   margin: 0 auto;
-  max-width: 900px; }
+  max-width: 900px;
+}
 
 .notie-overlay {
   height: 100%;
@@ -55,29 +70,35 @@
   position: fixed;
   top: 0;
   width: 100%;
-  z-index: 2147483646; }
+  z-index: 2147483646;
+}
 
 .notie-button {
   color: #FFFFFF;
   padding: 10px;
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 .notie-element {
   color: #FFFFFF;
-  padding: 10px; }
+  padding: 10px;
+}
 
 .notie-element-half {
   display: inline-block;
   width: 50%;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .notie-element-third {
   display: inline-block;
   width: 33.3333%;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .notie-alert {
-  cursor: pointer; }
+  cursor: pointer;
+}
 
 .notie-input-field {
   background-color: #FFFFFF;
@@ -88,11 +109,13 @@
   padding: 10px;
   text-align: center;
   width: 100%;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .notie-select-choice-repeated {
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .notie-date-selector-inner {
   margin: 0 auto;
@@ -101,9 +124,8 @@
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
-  user-select: none; }
-  .notie-date-selector-inner [contenteditable], .notie-date-selector-inner [contenteditable]:focus {
-    outline: 0px solid transparent; }
-
-.notie-date-selector-up {
-  transform: rotate(180deg); }
+  user-select: none;
+}
+.notie-date-selector-inner [contenteditable], .notie-date-selector-inner [contenteditable]:focus {
+  outline: 0px solid transparent;
+}