feat(demo): add alt attribute in images (#3932)

valor-software · Apr 5, 2018 · 122a0e5 · 122a0e5
1 parent 3d4bf58
commit 122a0e5
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git a/demo/src/app/common/getting-started/getting-started.component.html b/demo/src/app/common/getting-started/getting-started.component.html
@@ -3,7 +3,7 @@
 
     <div class="image-responsive img-fluid main-logo">
       <img class="mx-auto center-block d-block" src="assets/images/logos/ngx-bootstrap-logo.svg"
-           alt="angular logo" width="200" height="200">
+           alt="ngx-bootstrap" width="200" height="200">
     </div>
 
     <h1 align="center">
@@ -35,7 +35,7 @@ <h1 align="center">
         <img alt="build status" src="https://travis-ci.org/valor-software/ngx-bootstrap.svg?branch=development">
       </a>
       <a href="https://ngx-slack.herokuapp.com">
-        <img src="https://ngx-slack.herokuapp.com/badge.svg" alt="slack">
+        <img src="https://ngx-slack.herokuapp.com/badge.svg" alt="ngx on slack">
       </a>
     </p>
 

diff --git a/demo/src/app/common/landing/landing.component.html b/demo/src/app/common/landing/landing.component.html
@@ -2,7 +2,7 @@
   <!-- begin entry block -->
   <section class="entry container-fluid text-center">
     <div class="content-logo">
-      <img src="assets/images/logos/content-logo.svg" alt="">
+      <img src="assets/images/logos/content-logo.svg" alt="ngx-bootstrap">
     </div>
     <h1 class="slogan">Develop better. Faster.</h1>
     <p class="descr">Bootstrap components, powered by Angular</p>

diff --git a/demo/src/app/common/top-menu/top-menu.component.html b/demo/src/app/common/top-menu/top-menu.component.html
@@ -1,7 +1,7 @@
 <header id="header" class="header">
   <h1 class="logo" >
     <a [routerLink]="['']">
-      <img src="assets/images/logos/header-logo.svg">
+      <img alt="ngx-bootstrap" src="assets/images/logos/header-logo.svg">
     </a>
   </h1>
 
@@ -20,17 +20,17 @@ <h1 class="logo" >
     <ul class="header-list">
       <li>
         <a target="_blank" rel="noopener" href="https://stackoverflow.com/questions/tagged/ngx-bootstrap">
-          <img src="assets/images/icons/stackoverflow.svg" alt="slack">
+          <img src="assets/images/icons/stackoverflow.svg" alt="stackoverflow">
         </a>
       </li>
       <li>
         <a target="_blank" rel="noopener" href="https://github.com/valor-software/ngx-bootstrap">
-          <img src="assets/images/icons/icon-git.svg" alt="github stars">
+          <img src="assets/images/icons/icon-git.svg" alt="ngx on github">
         </a>
       </li>
       <li>
         <a target="_blank" rel="noopener" href="https://ngx-slack.herokuapp.com">
-          <img src="assets/images/icons/icon-slack.svg" alt="slack">
+          <img src="assets/images/icons/icon-slack.svg" alt="ngx on slack">
         </a>
       </li>
     </ul>

diff --git a/demo/src/app/components/+carousel/demos/basic/basic.html b/demo/src/app/components/+carousel/demos/basic/basic.html
@@ -1,11 +1,11 @@
 <carousel>
   <slide>
-    <img src="assets/images/nature/1.jpg" alt="First slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/1.jpg" alt="first slide" style="display: block; width: 100%;">
   </slide>
   <slide>
-    <img src="assets/images/nature/2.jpg" alt="Second slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/2.jpg" alt="second slide" style="display: block; width: 100%;">
   </slide>
   <slide>
-    <img src="assets/images/nature/3.jpg" alt="Third slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/3.jpg" alt="third slide" style="display: block; width: 100%;">
   </slide>
 </carousel>
diff --git a/demo/src/app/components/+carousel/demos/captions/captions.html b/demo/src/app/components/+carousel/demos/captions/captions.html
@@ -1,20 +1,20 @@
 <carousel>
   <slide>
-    <img src="assets/images/nature/4.jpg" alt="First slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/4.jpg" alt="first slide" style="display: block; width: 100%;">
     <div class="carousel-caption d-none d-md-block">
       <h3>First slide label</h3>
       <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
     </div>
   </slide>
   <slide>
-    <img src="assets/images/nature/5.jpg" alt="Second slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/5.jpg" alt="second slide" style="display: block; width: 100%;">
     <div class="carousel-caption d-none d-md-block">
       <h3>Second slide label</h3>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
     </div>
   </slide>
   <slide>
-    <img src="assets/images/nature/6.jpg" alt="Third slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/6.jpg" alt="third slide" style="display: block; width: 100%;">
     <div class="carousel-caption d-none d-md-block">
       <h3>Third slide label</h3>
       <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>

diff --git a/demo/src/app/components/+carousel/demos/config/config.html b/demo/src/app/components/+carousel/demos/config/config.html
@@ -1,20 +1,20 @@
 <carousel>
   <slide>
-    <img src="assets/images/nature/7.jpg" alt="First slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/7.jpg" alt="first slide" style="display: block; width: 100%;">
     <div class="carousel-caption d-none d-md-block">
       <h3>First slide label</h3>
       <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
     </div>
   </slide>
   <slide>
-    <img src="assets/images/nature/8.jpg" alt="Second slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/8.jpg" alt="second slide" style="display: block; width: 100%;">
     <div class="carousel-caption d-none d-md-block">
       <h3>Second slide label</h3>
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
     </div>
   </slide>
   <slide>
-    <img src="assets/images/nature/1.jpg" alt="Third slide" style="display: block; width: 100%;">
+    <img src="assets/images/nature/1.jpg" alt="third slide" style="display: block; width: 100%;">
     <div class="carousel-caption d-none d-md-block">
       <h3>Third slide label</h3>
       <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>

diff --git a/demo/src/app/docs/demo-section/demo-section.component.html b/demo/src/app/docs/demo-section/demo-section.component.html
@@ -6,7 +6,7 @@
       <div class="content-header">
         <h1 *ngIf="name || src">{{name}}
           <a [href]="src" target="_blank" rel="noopener">
-            <img src="assets/images/link-doc.png" alt="link to doc"/>
+            <img src="assets/images/link-doc.png" alt="component on github"/>
           </a>
         </h1>
       </div>