Link Search Menu Expand Document

Improve Readability with High Contrast Text

Summary

  • It is important to remove/change any low contrast text.
  • The Web Content Accessibility Guidelines (WCAG) recommend at least a 4.5 to 1 contrast ratio for normal text.

Final Code

<head>
  <style>
  body {
    color: #636363;
    background-color: #FFF;
  }
  </style>
</head>
<body>
  <header>
    <h1>Deep Thoughts with Master Camper Cat</h1>
  </header>
  <article>
    <h2>A Word on the Recent Catnip Doping Scandal</h2>
    <p>The influence that catnip has on feline behavior...</p>
    <p>As I've stated in the past, I firmly believe...</p>
  </article>
</body>