Assessment wanted for CSS accessibility 1 skill test. Task-2.

Task-2.

by EiNzp

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>CSS accessibility: Task 2</title>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <main>
      <h1>I am the eggman</h1>

      <p>Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl.</p>

      <h2>They are the eggman</h2>

      <p>Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.</p>

      <h2>I am the walrus</h2>

      <p>Deadlights jack lad schooner scallywag dance the hempen jig carouser broadside cable strike colors.</p>
    </main>
  </body>

</html>

CSS

body {
    background-color: #fff;
    color: #333;
    font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 1em;
    margin: 0;
}

* {
    box-sizing: border-box;
}

main {
    padding: 20px;
    background-color: red;
}

h1,
h2,
p {
    color: #999;
}

h1 {
    font-size: 2vw;
}

h2 {
    font-size: 1.5vw;
}

p {
    font-size: 1.2vw;
}

/* my code */

h1,
h2,
p {
    color: #000000;
}

/* Conducted a contrast test on the site https://webaim.org/resources/contrastchecker/?fcolor=000000&bcolor=FF0000 */

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.125em;
}

p {
    font-size: 1em;
}