chore: add accessibility enhancements

app.vue

@@ -10,6 +10,9 @@ useSeoMeta({
 });
 
 useHead({
+  htmlAttrs: {
+    lang: "en",
+  },
   bodyAttrs: {
     class: "dark:bg-slate-900",
   },

components/company.vue

@@ -5,6 +5,9 @@ interface Props {
 }
 
 const props = defineProps<Props>();
+
+const titleRef = ref();
+const altContent = computed(() => titleRef.value?.$el.textContent);
 </script>
 
 <template>
@@ -13,6 +16,7 @@ const props = defineProps<Props>();
       <NuxtImg
         placeholder
         :src="props.logo"
+        :alt="altContent"
         class="block rounded min-w-[50px]"
         format="webp"
         height="50"
@@ -25,6 +29,7 @@ const props = defineProps<Props>();
         :href="props.href"
         target="_blank"
         class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4"
+        ref="titleRef"
       >
         <slot name="title">Company</slot>
       </NuxtLink>

components/introduction.vue

@@ -2,6 +2,7 @@
   <UContainer class="flex flex-col md:gap-12 gap-5">
     <nuxt-img
       placeholder
+      alt="Marios Antonoudiou"
       src="mariosant.webp"
       width="64"
       height="64"