add link label

vscodejp · Mar 23, 2024 · 58cb4ef · 58cb4ef
1 parent ca70b97
commit 58cb4ef
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/staff-card.astro b/src/components/staff-card.astro
@@ -12,13 +12,13 @@ const { staff } = Astro.props;
 const widths = [450, 800];
 ---
 
-<a class="group hover:!text-default" href={staff.data.url} target="_blank">
+<a class="group hover:!text-default" href={staff.data.url} target="_blank" aria-label={`A link of ${staff.data.name}`}>
   <figure class="relative h-full w-full overflow-hidden text-center">
     <Image
       class="w-full bg-cover object-cover transition-all duration-300 group-hover:scale-110 group-hover:opacity-20 group-focus:scale-110 group-focus:opacity-20 rounded-full"
       src={staff.data.image}
       width="150"
-      alt={`A logo of ${staff.data.url}`}
+      alt={`A logo of ${staff.data.name}`}
     />
     <figcaption class="absolute inset-0">
       <div

diff --git a/src/components/suponsor-card.astro b/src/components/suponsor-card.astro
@@ -13,7 +13,7 @@ const sizes = "(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw";
 ---
 
 <div class="grid grid-cols-1 gap-4 lg:grid-cols-2 my-14">
-  <a class="group hover:!text-default" href={site.data.url} target="_blank">
+  <a class="group hover:!text-default" href={site.data.url} target="_blank" aria-label={`A link of ${site.data.title}`}>
 
     <h3 class="font-extrabold text-l">
       {site.data.title}
@@ -24,7 +24,7 @@ const sizes = "(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw";
         src={site.data.image}
         widths={widths}
         sizes={sizes}
-        alt={`A logo of ${site.data.url}`}
+        alt={`A logo of ${site.data.title}`}
       />
       <figcaption class="absolute inset-0">
         <div

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -22,7 +22,7 @@ const socialImageUrl = new URL(
 
 <!doctype html>
 <html
-  lang="jp"
+  lang="ja"
   class="h-full motion-safe:scroll-smooth"
   data-theme="dark"
   prefix="og: http://ogp.me/ns#"