fix tab/focus

ajfarkas · Sep 10, 2018 · a1a081b · a1a081b
1 parent 11fccb1
commit a1a081b
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 4 deletions.
diff --git a/color.css b/color.css
diff --git a/index.html b/index.html
@@ -49,14 +49,14 @@ <h2>Choose Colors:</h2>
           <label>
             <p class="label">Enter your color:</p>
             <input type="text" name="color-text" id="color-text" placeholder="#2f2f2f" aria-controls="results-display list"></input>
-            <input type="color" name="color-picker" id="color-picker" value="#2f2f2f"></input>
+            <input type="color" name="color-picker" id="color-picker" value="#2f2f2f" tabindex="-1" aria-hidden="true"></input>
           </label>
         </fieldset>
         <fieldset class="background">
           <label>
             <p class="label">Choose a background color:</p>
             <input type='text' name="bg-text" id="bg-text" placeholder="rgb(255,255,255)"></input>
-            <input type="color" name="bg-picker" id="bg-picker" value="#ffffff"></input>
+            <input type="color" name="bg-picker" id="bg-picker" value="#ffffff" tabindex="-1" aria-hidden="true"></input>
           </label>
         </fieldset>
         <!-- <button type="button" class="submit-colors">Add Colors</button> -->

diff --git a/sass/color.scss b/sass/color.scss
@@ -103,7 +103,6 @@ button {
 }
 button:active { box-shadow: 0 1px #666 inset; }
 button:focus { 
-  outline: none;
   color: $color2; 
 }