Difference between revisions of "High contrast tests"

From Level Access Web Labs
Jump to navigation Jump to search
Line 7: Line 7:
 
<html>
 
<html>
 
   <style>
 
   <style>
     #i1 {
+
     .border_none {
 
       border: none;
 
       border: none;
 
     }
 
     }
     #i2 {
+
     .border_light {
 
       border: thin solid #eeeeee;
 
       border: thin solid #eeeeee;
 
     }
 
     }
     #i3 {
+
     .box_shadow {
 
       box-shadow: 10px 5px 5px red;
 
       box-shadow: 10px 5px 5px red;
 
     }
 
     }
Line 22: Line 22:
 
   </style>
 
   </style>
 
<body>
 
<body>
   <input id="i1" type="text" />
+
   <input class="border_none" id="i1" type="text" />
 
   <a id="a1" href="https://www.google.com"> Google </a>
 
   <a id="a1" href="https://www.google.com"> Google </a>
   <input id="i2" type="text" />
+
   <input class="border_light" id="i2" type="text" />
   <input id="i3" type="text" />
+
   <input class="box_shadow" id="i3" type="text" />
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:23, 26 March 2018

  • High contrast does not enable the following when they are not present
    • Outline: none on link and perhaps other elements
    • text-decoration on link
    • Border on input
  • It will change the color when present - for example of light gray border to high contrast border.

Google