Merge pull request #71 from coderdojo-japan/make-test-suites-pass

Add missing alt attributes for images to make `rake test` pass

Author: yasulab

_includes/top/sections/about-coderdojo.html

@@ -10,7 +10,7 @@ <h2 class="hidden xl:block mx-8">
       <!-- モバイルの場合 -->
       <h2 class="relative xl:hidden max-w-lg">
         <img src="/img/top/about-coderdojo/about-coderdojo-heading.webp" alt="About CoderDojo" />
-        <img class="h-full w-auto absolute right-0 top-0 w-3xs" src="/img/top/about-coderdojo/coderdojo-logo-transparent.webp" />
+        <img class="h-full w-auto absolute right-0 top-0 w-3xs" src="/img/top/about-coderdojo/coderdojo-logo-transparent.webp" alt="CoderDojo ロゴ画像" />
       </h2>
 
       <!-- 説明文セクション -->
@@ -29,12 +29,12 @@ <h2 class="relative xl:hidden max-w-lg">
   <!-- DojoCon の画像 -->
   <!-- デスクトップの場合 -->
   <div class="hidden xl:flex items-center -mx-4 xl:mt-18 justify-between">
-    <div class="w-2/7 mt-12"><img class="w-full" src="/img/top/about-coderdojo/coderdojo-logo-transparent.webp" /></div>
-    <div class="w-2/3 mt-12"><img class="w-full" src="/img/top/about-coderdojo/dojocon.webp" /></div>
+    <div class="w-2/7 mt-12"><img class="w-full" src="/img/top/about-coderdojo/coderdojo-logo-transparent.webp" alt="CoderDojo ロゴ画像" /></div>
+    <div class="w-2/3 mt-12"><img class="w-full" src="/img/top/about-coderdojo/dojocon.webp" alt="DojoCon Japan 2019 @ 名古屋の様子" /></div>
   </div>
 
   <!-- モバイルの場合 -->
   <div class="xl:hidden block m-8">
-    <img class="max-w-3xl place-self-center w-full" src="/img/top/about-coderdojo/dojocon.webp" />
+    <img class="max-w-3xl place-self-center w-full" src="/img/top/about-coderdojo/dojocon.webp" alt="DojoCon Japan 2019 @ 名古屋の様子" />
   </div>
 </div>

_includes/top/sections/inspire-next.html

@@ -23,9 +23,9 @@ <h2>
       <!-- 写真にかぶっても視認性を確保するためのオーバーレイ -->
       <div class="bg-linear-to-r from-transparent from-70% to-white hidden top-0 xl:block absolute size-full">
       </div>
-      <img class="w-full" src="/img/top/inspire-next/exhibit.webp" />
+      <img class="w-full" src="/img/top/inspire-next/exhibit.webp" alt="展示会の様子" />
     </div>
-    <div class="w-1/4 -mt-48"><img class="w-full" src="/img/top/inspire-next/fire-transparent.webp" /></div>
+    <div class="w-1/4 -mt-48"><img class="w-full" src="/img/top/inspire-next/fire-transparent.webp" alt="「好奇心に火をつけよう」の背景透過画像" /></div>
   </div>
 </div>
 
@@ -34,7 +34,7 @@ <h2>
   <div class="max-w-3xl mx-auto">
     <h2 class="relative max-w-7xl">
       <img src="/img/top/inspire-next/inspire-next-heading.webp" alt="Inspire Next ～好奇心に火をつけよう～" />
-      <img class="h-[140%] w-auto absolute right-0 -bottom-1/5 w-3xs" src="/img/top/inspire-next/fire-transparent.webp" />
+      <img class="h-[140%] w-auto absolute right-0 -bottom-1/5 w-3xs" src="/img/top/inspire-next/fire-transparent.webp" alt="「好奇心に火をつけよう」の背景透過画像" />
     </h2>
 
     <div class="mt-9 leading-7">
@@ -52,6 +52,6 @@ <h2 class="relative max-w-7xl">
   </div>
 
   <div class="max-w-3xl mx-auto mt-8">
-    <img class="place-self-center w-full" src="/img/top/inspire-next/exhibit.webp" />
+    <img class="place-self-center w-full" src="/img/top/inspire-next/exhibit.webp" alt="展示会の様子" />
   </div>
 </div>

_pages/events.md

@@ -36,7 +36,7 @@ title: 企画
       {% endif %}
 
       <div class="flex gap-x-4 mt-8">
-        <img src="{{ event.img }}" />
+        <img src="{{ event.img }}" alt="{{ event.title | escape }}" />
       </div>
     </li>
   {% endfor %}

_posts/2025-08-28-keynote1.md

@@ -12,7 +12,7 @@ CoderDojo Japan 理事<br />
 広島大学大学院 特命助教
 
 <div class="flex max-w-100 mx-auto my-4 justify-center">
-  <img class="w-full" src="/img/sessions/profile/miyajima-kirie.webp">
+  <img class="w-full" src="/img/sessions/profile/miyajima-kirie.webp" alt="宮島 衣瑛">
 </div>
 
 ## 登壇者紹介

_posts/2025-08-28-keynote2.md

@@ -12,7 +12,7 @@ permalink: /sessions/keynote2/
 国立大学法人 東京学芸大学大学院教育学研究科教授
 
 <div class="flex max-w-100 mx-auto my-4 justify-center">
-  <img class="w-full" src="/img/sessions/profile/komiyama-rieko.webp">
+  <img class="w-full" src="/img/sessions/profile/komiyama-rieko.webp" alt="小宮山 利恵子">>
 </div>
 
 ## 登壇者紹介

index.md

@@ -18,33 +18,33 @@ layout: top
 {% include top/sections/news.html %}
 
 <div class="-mx-4">
-  <img class="w-full" src="/img/top/background1.webp" />
+  <img class="w-full" src="/img/top/background1.webp" alt="DojoCon Japan 2023 @ 奈良の様子" />
 </div>
 
 {% include top/sections/keynote.html %}
 
 <div class="-mx-4">
-  <img class="w-full" src="/img/top/background2.webp" />
+  <img class="w-full" src="/img/top/background2.webp" alt="micro:bit でLチカしている様子" />
 </div>
 
 {% include top/sections/session.html %}
 
 {% include top/sections/workshop.html %}
 
 <div class="-mx-4">
-  <img class="w-full" src="/img/top/background3.webp" />
+  <img class="w-full" src="/img/top/background3.webp" alt="鉄道模型を動かしている様子"/>
 </div>
 
 {% include top/sections/sponsor.html %}
 
 <div class="-mx-4">
-  <img class="w-full" src="/img/top/background4.webp" />
+  <img class="w-full" src="/img/top/background4.webp" alt="Why CoderDojo Wall - 教えて！みんなが CoderDojo に参加する理由" />
 </div>
 
 {% include top/sections/contact.html %}
 
 <div class="-mx-4">
-  <img class="w-full" src="/img/top/background5.webp" />
+  <img class="w-full" src="/img/top/background5.webp" alt="DojoCon Japan 2019 @ 名古屋の様子" />
 </div>
 
 {% include top/sections/organized-by.html %}