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

Task-1.

by EiNzp

HTML

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

  <body>

    <ul>
      <li><a href="">Animals</a></li>
      <li><a href="">Computers</a></li>
      <li><a href="">Diversity and inclusion</a></li>
      <li><a href="">Food</a></li>
      <li><a href="">Medicine</a></li>
      <li><a href="">Music</a></li>
    </ul>

  </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;
}

a {
    text-decoration: none;
    color: #666;
    outline: none;
}

/* my code */

a {
    color: blue;
    border-bottom: 1px blue solid;
}

a:visited{
    color: purple;
    border-bottom: 1px purple solid;
}

a:hover,
a:focus {
    color: red;
    border: none;
}

a:active{
    background-color: blue;
    color: white;
}