diff --git a/components/BlogCard.vue b/components/BlogCard.vue
index 12fc971b1..203f4ff4c 100644
--- a/components/BlogCard.vue
+++ b/components/BlogCard.vue
@@ -24,14 +24,14 @@
             />
         </NuxtLink>
         <div class="p-3">
-            <div class="text-xs text-slate-400 left-2">
+            <div class="text-xs text-slate-500 left-2">
                 {{ formatDate(postDate) }}
             </div>
-            <h5 class="text-lg font-bold">
+            <h3 class="text-lg font-bold">
                 <NuxtLink class="overflow-hidden" :to="postLink">
                     {{ postTitle }}
                 </NuxtLink>
-            </h5>
+            </h3>
 
             <p class="mt-2 text-[12px] my-3 flex flex-wrap -m-1">
                 <a
@@ -39,7 +39,7 @@
                     :key="tag"
                     :href="'/blog?tag=' + tag"
                     :aria-label="`More about ${tag}`"
-                    class="m-1 leading-loose text-slate-400 border border-current lowercase px-2 rounded font-medium"
+                    class="m-1 leading-loose text-slate-500 border border-current lowercase px-2 rounded font-medium"
                     @click.prevent="$emit('changeCurrentTag', tag)"
                     >#{{ tag }}</a
                 >
diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index 4a0bf2083..c96be7470 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -9,7 +9,7 @@
                     class="text-sm text-gray-500 transition hover:text-gray-600"
                 >
                     <img
-                        alt="RSS"
+                        alt="Icon for RSS feed"
                         class="transition-transform hover:scale-110 w-8 h-8"
                         src="~assets/icon/rss.svg"
                     />
@@ -22,7 +22,7 @@
                     :href="siteMetadata.mastodon"
                     ><span class="sr-only">Mastodon</span>
                     <img
-                        alt="Mastodon"
+                        alt="Icon for Mastodon"
                         class="transition-transform hover:scale-110 w-8 h-8"
                         src="~assets/icon/mastodon.svg"
                     />
@@ -35,7 +35,7 @@
                     :href="siteMetadata.github"
                     ><span class="sr-only">github</span>
                     <img
-                        alt="github"
+                        alt="Icon for Github"
                         class="transition-transform hover:scale-110 w-8 h-8"
                         src="~assets/icon/github_new.svg"
                     /> </a
@@ -47,7 +47,7 @@
                     :href="siteMetadata.linkedin"
                     ><span class="sr-only">Linkedin</span>
                     <img
-                        alt="Linkedin"
+                        alt="Icon for Linkedin"
                         class="transition-transform hover:scale-110 w-8 h-8"
                         src="~assets/icon/linkeding.svg"
                     />
@@ -60,7 +60,7 @@
                     class="text-sm text-gray-500 transition hover:text-gray-600"
                 >
                     <img
-                        alt="Twitter"
+                        alt="Icon for Twitter"
                         class="transition-transform hover:scale-110 w-8 h-8"
                         src="~assets/icon/twitter.svg"
                     />