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

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
This commit is contained in:
dario-piotrowicz 2022-04-23 22:12:10 +01:00 committed by Andrew Scott
parent a895da6907
commit 7d8998cc4f

View file

@ -31,7 +31,7 @@
<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 @@
<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 @@
<!-- 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,7 +91,7 @@
<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>
@ -99,7 +99,7 @@
<!-- 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>