diff --git a/src/components/ActionBar.vue b/src/components/ActionBar.vue
index c62388d4c67eb9704412f7e58fad1b8a129882f3..93aea4df0795bdf440c1aeb7a43009d498b75d9e 100644
--- a/src/components/ActionBar.vue
+++ b/src/components/ActionBar.vue
@@ -8,7 +8,7 @@
       :title="ac.tip"
       @click="emit('actionHandler', ac.type)"
     >
-      <img :src="ac.icon" />
+      <img :src="ac.icon" :alt="ac.tip" />
     </div>
   </div>
 </template>
diff --git a/src/components/CodeModal.vue b/src/components/CodeModal.vue
index aaa4bcd8982a76748460bdcf04cf89db9cb132fb..32dba353ab8e3eb615257529edac78321991125e 100644
--- a/src/components/CodeModal.vue
+++ b/src/components/CodeModal.vue
@@ -6,7 +6,7 @@
           <div class="title">{{ t('text.codeModalTitle') }}</div>
 
           <div class="close-btn" @click="emit('close')">
-            <img :src="IconClose" class="icon-close" alt="close" />
+            <img :src="IconClose" class="icon-close" :alt="t('action.close')" />
           </div>
         </div>
 
@@ -15,7 +15,7 @@
             class="code-scroll-wrapper"
             :options="{ suppressScrollX: false }"
           >
-            <pre><code class="code-content" v-html="highlightedCode" /></pre>
+            <pre><code class="code-content" v-html="highlightedCode"></code></pre>
           </PerfectScrollbar>
 
           <button
diff --git a/src/components/Confetti.vue b/src/components/Confetti.vue
index 54eaf452953e6e6b7a551e8a529a043b9d68f1ee..4646d6317094b226b24c78cc377c0b20f4268477 100644
--- a/src/components/Confetti.vue
+++ b/src/components/Confetti.vue
@@ -2,5 +2,5 @@
   <canvas
     id="confetti"
     style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
-  />
+  ></canvas>
 </template>
diff --git a/src/components/Configurator.vue b/src/components/Configurator.vue
index 15ef9c18ed68ad12fa0c989ad9376a89f3882c49..4e122933556c4d2699ba476a49dd9d06d7d5c1c8 100644
--- a/src/components/Configurator.vue
+++ b/src/components/Configurator.vue
@@ -33,7 +33,7 @@
               :style="{ background: bgColor }"
               class="bg-color"
               :class="{ active: bgColor === avatarOption.background.color }"
-            />
+            ></div>
           </li>
         </ul>
       </SectionWrapper>
diff --git a/src/components/DownloadModal.vue b/src/components/DownloadModal.vue
index d45bc840fdb24160c33eacf0f4e7aea82bf50ec3..d6afe9ff78a9357ca8e2381cd149876c5f5b0469 100644
--- a/src/components/DownloadModal.vue
+++ b/src/components/DownloadModal.vue
@@ -6,7 +6,7 @@
   >
     <div class="download-modal" @click.stop>
       <div class="modal-body">
-        <div class="img">
+        <div class="avatar-preview">
           <img
             alt="vue-color-avatar"
             :src="props.imageUrl"
@@ -71,7 +71,7 @@ const { t } = useI18n()
     height: 100%;
     padding: 1.8rem 1.2rem 1rem 1.2rem;
 
-    .img {
+    .avatar-preview {
       width: 60%;
       margin: 0 auto;
 
diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 2b0335f3e8909f7876d30e27af920ff519f9e4a3..820ff4d1941071fe40f04dfb28f4413aca36b291 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -1,12 +1,9 @@
 <template>
-  <!-- <div
-    class="logo"
-    :style="{ width: `${props.size}rem`, height: `${props.size}rem` }"
-  /> -->
   <img
     style="width: 40px; height: 40px"
     :src="LogoSvg"
     :style="{ width: `${props.size}rem`, height: `${props.size}rem` }"
+    alt="logo"
   />
 </template>
 
@@ -17,23 +14,3 @@ const props = withDefaults(defineProps<{ size?: number }>(), {
   size: 2.5,
 })
 </script>
-
-<!-- <style lang="scss" scoped>
-.logo {
-  position: relative;
-  overflow: hidden;
-  background-color: $color-accent;
-  border-radius: 25%;
-
-  &::after {
-    position: absolute;
-    top: -40%;
-    right: -40%;
-    width: 100%;
-    height: 100%;
-    background-color: $color-secondary;
-    border-radius: 50%;
-    content: '';
-  }
-}
-</style> -->
diff --git a/src/layouts/Header.vue b/src/layouts/Header.vue
index a9d757a711f6777b5fc445abb66238565b83a2e1..831bd303e90b67f9e96f59dca85752dc311a3910 100644
--- a/src/layouts/Header.vue
+++ b/src/layouts/Header.vue
@@ -11,7 +11,7 @@
         rel="nofollow noopener noreferrer"
       >
         <button class="github-button">
-          <img :src="IconGitHub" />
+          <img :src="IconGitHub" alt="GitHub" />
           <span class="text">GitHub</span>
         </button>
       </a>
diff --git a/src/layouts/Sider.vue b/src/layouts/Sider.vue
index d34c81d2e025b0ffd0b6d5aad9d52c04ab064241..b401d9b32a183d96ea6d9881b460b03a9a487edf 100644
--- a/src/layouts/Sider.vue
+++ b/src/layouts/Sider.vue
@@ -3,7 +3,7 @@
     <slot />
 
     <div class="trigger" @click="isCollapsed ? openSider() : closeSider()">
-      <img :src="IconRight" class="icon-right" />
+      <img :src="IconRight" class="icon-right" alt="arrow" />
     </div>
   </aside>
 </template>