исправил ошибки на которые указывал validator.w3

Author: coder1x

src/components/archive/archive.pug

@@ -9,7 +9,7 @@ mixin archive(options = {})
   ol(class = `${BASE_CLASS} js-${BASE_CLASS}`) 
     each item in archive
       li(class = `${BASE_CLASS}__year js-${BASE_CLASS}__year`)
-        div(class = `${BASE_CLASS}__text-wrapper js-${BASE_CLASS}__text-wrapper` tabindex = 0 aria-label="Раскрывающийся список")
+        button(class = `${BASE_CLASS}__text-wrapper js-${BASE_CLASS}__text-wrapper` aria-label="Раскрывающийся список")
           span(class = `${BASE_CLASS}__name`)= item.year
           span(class = `${BASE_CLASS}__amount`)= item.total
 

src/components/archive/archive.scss

@@ -30,6 +30,16 @@ $outline-link: $color-outline;
   &__text-wrapper {
     display: flex;
     justify-content: space-between;
+    width: 100%;
+    padding: 0px;
+    margin: 0px;
+    border: 0px;
+    background-color: transparent;
+    cursor: pointer;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+    color: inherit;
 
     &:hover,
     &:focus {
@@ -40,6 +50,13 @@ $outline-link: $color-outline;
       outline: $color-outline-year;
       outline-offset: 4px;
     }
+
+    .archive__name {
+      text-align: start;
+    }
+    .archive__amount {
+      text-align: start;
+    }
   }
 
   &__name {

src/components/post/post.scss

@@ -9,6 +9,7 @@ $color-hover-content: $color-dark-grey-hover;
 $color-background-button: #262626;
 $color-hover-button: #c6c6c6;
 $outline-code: $color-outline;
+$color-block-code: #f8f8f2;
 
 .content {
   @include font-rem(16);
@@ -89,7 +90,7 @@ $outline-code: $color-outline;
     display: flex;
     flex-direction: column-reverse;
     align-items: flex-start;
-    color: #f8f8f2;
+    color: $color-block-code;
 
     @include media-breakpoint-down($sm_middle) {
       max-width: 100%;
@@ -105,7 +106,7 @@ $outline-code: $color-outline;
       padding-left: 30px;
       border: 0;
       cursor: pointer;
-      color: #f8f8f2;
+      color: $color-block-code;
       background-color: $color-background-button;
       background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjcyIDQxNkMyNjMuMiA0MTYgMjU2IDQyMy4yIDI1NiA0MzJWNDQ4YzAgMTcuNjctMTQuMzMgMzItMzIgMzJINjRjLTE3LjY3IDAtMzItMTQuMzMtMzItMzJWMTkyYzAtMTcuNjcgMTQuMzMtMzIgMzItMzJoMTEyQzE4NC44IDE2MCAxOTIgMTUyLjggMTkyIDE0NEMxOTIgMTM1LjIgMTg0LjggMTI4IDE3NiAxMjhINjMuOTljLTM1LjM1IDAtNjQgMjguNjUtNjQgNjRsLjAwOTggMjU2QzAgNDgzLjMgMjguNjUgNTEyIDY0IDUxMmgxNjBjMzUuMzUgMCA2NC0yOC42NSA2NC02NHYtMTZDMjg4IDQyMy4yIDI4MC44IDQxNiAyNzIgNDE2ek01MDIuNiA4Ni42M2wtNzcuMjUtNzcuMjVDNDE5LjQgMy4zNzEgNDExLjIgMCA0MDIuNyAwSDI4OEMyNTIuNyAwIDIyNCAyOC42NSAyMjQgNjR2MjU2YzAgMzUuMzUgMjguNjUgNjQgNjQgNjRoMTYwYzM1LjM1IDAgNjQtMjguNjUgNjQtNjRWMTA5LjNDNTEyIDEwMC44IDUwOC42IDkyLjYzIDUwMi42IDg2LjYzek00MTYgNDUuMjVMNDY2LjcgOTZINDE2VjQ1LjI1ek00ODAgMzIwYzAgMTcuNjctMTQuMzMgMzItMzIgMzJoLTE2MGMtMTcuNjcgMC0zMi0xNC4zMy0zMi0zMlY2NGMwLTE3LjY3IDE0LjMzLTMyIDMyLTMyaDk2bC4wMDI2IDY0YzAgMTcuNjcgMTQuMzMgMzIgMzIgMzJINDgwVjMyMHoiLz48L3N2Zz4=");
       background-repeat: no-repeat;
@@ -132,6 +133,10 @@ $outline-code: $color-outline;
     font-weight: 300;
   }
 
+  a {
+    text-decoration: underline;
+  }
+
   p {
     margin-top: 10px;
     margin-bottom: 10px;