Merge pull request #147 from falakamin31/AddingAltText

Added alt text to images

Author: yochannah

src/components/Footer.js

@@ -11,7 +11,7 @@ function Footer() {
     <Container fluid>
       <Row className='footer-above'>
         <Col xs={12} md={3}>
-            <img src={RocketImg} alt='' height={130} width={69} />
+            <img src={RocketImg} alt='rocket' height={130} width={69} />
         </Col>
         <Col xs={12} sm={12} md={3}>
           <h4>Useful Links</h4>
@@ -55,7 +55,7 @@ function Footer() {
           </li>
           <li className='footer-link'>
             <a href='https://twitter.com/codeisscience' target='_blank' rel='noreferrer'>
-            <ImTwitter className='twitter-icon icons'/> 
+            <ImTwitter className='twitter-icon icons'/>
               &nbsp;Twitter
             </a>
           </li>

src/components/LandingSection.js

@@ -13,7 +13,7 @@ function LandingSection() {
         <Container>
           <Row>
             <Col xs={12} sm={12} md={6}>
-              <Image src={Img} height={342} width={456} alt='' fluid />
+              <Image src={Img} height={342} width={456} alt= 'people working with laptops' fluid />
             </Col>
             <Col xs={12} sm={12} md={6}>
               <h1>Premise</h1>
@@ -41,7 +41,7 @@ function LandingSection() {
                 If software is required to perform science, it stands to reason that errors in your
                 software mean errors in your science.
               </p>
-              <Image src={ClockImg} height={252} width={220} fluid />
+              <Image src={ClockImg} height={252} width={220} alt='clock' fluid />
             </Col>
             <Col xs={12} sm={12} md={6}>
               <h1>Possible Solution?</h1>
@@ -50,7 +50,7 @@ function LandingSection() {
                 That’s easier said than done. Getting there requires awareness, culture shift, and
                 adherence to best practices.
               </p>
-              <Image src={TalkingImg} height={266} width={456} fluid />
+              <Image src={TalkingImg} height={266} width={456} alt='animated talking girls'fluid />
             </Col>
           </Row>
         </Container>

src/components/Navigation.js

@@ -16,7 +16,7 @@ function Navigation() {
       fixed='top'
     >
       <Navbar.Brand href='#home'>
-        <img src={Logo} alt='' srcSet='' height={81} width={150} />
+        <img src={Logo} alt='code is science' srcSet='' height={81} width={150} />
       </Navbar.Brand>
       <Navbar.Toggle aria-controls='responsive-navbar-nav' />
       <Navbar.Collapse id='responsive-navbar-nav' className='justify-content-evenly'>

src/pages/Manifesto.js

@@ -16,18 +16,18 @@ const Manifesto = () => (
   <Container>
     <Row className='manifesto-header manifesto-padding'>
       <Col xs={12} sm={12} md={3} className='imgContainer'>
-        <Image src={StandingImg} height={220} />
+        <Image src={StandingImg} height={220} alt= 'animated standing and talking girl' />
       </Col>
       <Col xs={12} sm={12} md={6} className='manifesto'>
         <h1>Manifesto</h1>
       </Col>
       <Col md={3} className='imgContainer'>
-        <Image src={SittingImg} height={220} />
+        <Image src={SittingImg} height={220} alt='animated sitting and talking girl' />
       </Col>
     </Row>
     <Row className='manifesto-section-one'>
       <Col xs={12} sm={12} md={6}>
-        <Image src={ImgOne} fluid />
+        <Image src={ImgOne} alt='research' fluid />
         <p>Code is Science - a manifesto for anyone who deals with code in a scientific scenario</p>
       </Col>
       <Col md={6}>
@@ -51,7 +51,7 @@ const Manifesto = () => (
     <Row className='manifesto-support'>
       <h1>I want to express my support for the manifesto! Tell me how</h1>
       <Col md={3} className="manifesto-support-points">
-        <Image src={WalkingImg} height={140} />
+        <Image src={WalkingImg} height={140} alt='walking man' />
         <p>
           <a
             href='https://docs.google.com/forms/d/e/1FAIpQLSeaDLDaREkUyOwpvbQf41hxT12ixoBToTdBhlgTj_YoW0tSgw/viewform?usp=sf_link'
@@ -63,7 +63,7 @@ const Manifesto = () => (
         </p>
       </Col>
       <Col md={3} className="manifesto-support-points">
-        <Image src={PeersImg} height={140} />
+        <Image src={PeersImg} height={140} alt='animated talking boys'/>
         <p>
           <a
             href='https://docs.google.com/forms/d/e/1FAIpQLSdUPKlP__5saaYMyEJwkHF3gRNAHiKihOlp6zd6QK4vUqs3gg/viewform?usp=sf_link'
@@ -77,7 +77,7 @@ const Manifesto = () => (
         </p>
       </Col>
       <Col md={3} className="manifesto-support-points">
-        <img src={HandsIcon} alt='' height={140} />
+        <img src={HandsIcon} alt='hands icon' height={140} />
         <p>
           We’re particularly interested in adding logos and links indicating organisational support
           from publishers, funders, and research institutions.