feat: 이미지 접근성 개선을 위한 alt 속성 추가

Author: solbijae

index.html

@@ -62,15 +62,15 @@
 
             <picture>
                 <source srcset="images/Hero_Desktop.webp" type="image/webp">
-                <img class="desktop" src="images/Hero_Desktop.jpg" loading="lazy" fetchpriority="low">
+                <img class="desktop" src="images/Hero_Desktop.jpg" loading="lazy" fetchpriority="low" alt="VR Headset Hero Image for Desktop">
             </picture>
             <picture>
                 <source srcset="images/Hero_Mobile.webp" type="image/webp">
-                <img class="mobile" src="images/Hero_Mobile.jpg" fetchpriority="high">
+                <img class="mobile" src="images/Hero_Mobile.jpg" fetchpriority="high" alt="VR Headset Hero Image for Mobile">
             </picture>
             <picture>
                 <source srcset="images/Hero_Tablet.webp" type="image/webp">
-                <img class="tablet" src="images/Hero_Tablet.jpg" loading="lazy" fetchpriority="low">
+                <img class="tablet" src="images/Hero_Tablet.jpg" loading="lazy" fetchpriority="low" alt="VR Headset Hero Image for Tablet">
             </picture>
 
             <div class="hero-content">
@@ -98,7 +98,7 @@ <h1>Best Sellers</h1>
                         <div class="product-picture">
                             <picture>
                                 <source srcset="images/vr1.webp" type="image/webp">
-                                <img src="images/vr1.jpg" alt="product: Penom Case" loading="lazy">
+                                <img src="images/vr1.jpg" alt="Apple VR Headset - Premium Virtual Reality Headset" loading="lazy">
                             </picture>
                         </div>
                         <div class="product-info">
@@ -115,7 +115,7 @@ <h3 class="price">
                         <div class="product-picture">
                             <picture>
                                 <source srcset="images/vr2.webp" type="image/webp">
-                                <img src="images/vr2.jpg" alt="product: Noise Cancelling Headphone" loading="lazy">
+                                <img src="images/vr2.jpg" alt="PlayStation VR Headset - Gaming Virtual Reality Headset" loading="lazy">
                             </picture>
                         </div>
                         <div class="product-info">
@@ -132,7 +132,7 @@ <h3 class="price">
                         <div class="product-picture">
                             <picture>
                                 <source srcset="images/vr3.webp" type="image/webp">
-                                <img src="images/vr3.jpg" alt="product: Canon Digital SLR EOS Rebel T6" loading="lazy">
+                                <img src="images/vr3.jpg" alt="Oculus VR Headset - Advanced Virtual Reality Headset" loading="lazy">
                             </picture>
                         </div>
                         <div class="product-info">