Difference between revisions of "High contrast tests"

From Level Access Web Labs
Jump to navigation Jump to search
Line 12: Line 12:
 
     #i2 {
 
     #i2 {
 
       border: thin solid #eeeeee;
 
       border: thin solid #eeeeee;
 +
    }
 +
    #i3 {
 +
      box-shadow: 10px 5px 5px red;
 
     }
 
     }
 
     #a1 {
 
     #a1 {
Line 22: Line 25:
 
   <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 id="i2" type="text" />
 +
  <input id="i3" type="text" />
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:21, 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