docs: empty alt of aio home decorative images (#45740)

dario-piotrowicz · atscott · commit 7d8998cc4f2e · 2022-04-27T09:06:12.000-07:00
in the aio home page the sections' decorative images provide an alt texts, which shouldn't actually be present (see: https://www.w3.org/WAI/tutorials/images/decorative/), empty such alt text for a better user experience PR Close #45740
diff --git a/aio/content/marketing/index.html b/aio/content/marketing/index.html
@@ -31,7 +31,7 @@ <h1 class="hero-headline no-title no-toc no-anchor" aria-label="Angular - The mo
     <div layout="row" layout-xs="column" class="home-row homepage-container">
       <div class="promo-img-container promo-1">
         <div>
-          <img height="222" width="340" src="generated/images/marketing/home/responsive-framework.svg" alt="responsive framework" loading="lazy">
+          <img height="222" width="340" src="generated/images/marketing/home/responsive-framework.svg" alt="" loading="lazy">
         </div>
       </div>
 
@@ -57,7 +57,7 @@ <h2 id="promo-2-title" class="text-headline no-anchor">Speed & Performance</h2>
 
       <div class="promo-img-container promo-2">
         <div>
-          <img height="222" width="323" src="generated/images/marketing/home/speed-performance.svg" alt="speed and performance" loading="lazy">
+          <img height="222" width="323" src="generated/images/marketing/home/speed-performance.svg" alt="" loading="lazy">
         </div>
       </div>
     </div>
@@ -66,7 +66,7 @@ <h2 id="promo-2-title" class="text-headline no-anchor">Speed & Performance</h2>
     <!-- Group 3 -->
     <div layout="row" layout-xs="column" class="home-row">
       <div class="promo-img-container promo-3">
-        <div><img src="generated/images/marketing/home/joyful-development.svg" alt="IDE example" loading="lazy"></div>
+        <div><img src="generated/images/marketing/home/joyful-development.svg" alt="" loading="lazy"></div>
       </div>
 
       <div class="text-container">
@@ -91,15 +91,15 @@ <h2 id="promo-4-title" class="text-headline no-anchor">Loved by Millions</h2>
 
       <div class="promo-img-container promo-4">
         <div>
-          <img src="generated/images/marketing/home/loved-by-millions.svg" alt="angular on the map" width="455" height="228" loading="lazy">
+          <img src="generated/images/marketing/home/loved-by-millions.svg" alt="" width="455" height="228" loading="lazy">
         </div>
       </div>
     </div>
 
     <!-- CTA CARDS -->
     <div layout="row" layout-xs="column" class="home-row">
       <a href="start" class="card">
-        <img src="generated/images/marketing/home/code-icon.svg" alt="Get Started with Angular" width="70" height="70" loading="lazy">
+        <img src="generated/images/marketing/home/code-icon.svg" alt="" width="70" height="70" loading="lazy">
         <div class="card-text-container">
           <div class="text-headline">Try it now</div>
           <p>Explore Angular's capabilities with a ready-made sample app. No setup required.</p>
