From 54fe1dbbeed80586981347554e61012c21f53d16 Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Wed, 12 May 2021 18:32:28 -0400
Subject: [PATCH] #56 updating alt for images and circle colors

---
 src/components/process/process.js  | 15 +++++++++++----
 src/vectors/processcircle.svg      |  3 +++
 src/vectors/processsolidcircle.svg |  3 +++
 3 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 src/vectors/processcircle.svg
 create mode 100644 src/vectors/processsolidcircle.svg

diff --git a/src/components/process/process.js b/src/components/process/process.js
index 95a9cb2..a098b64 100644
--- a/src/components/process/process.js
+++ b/src/components/process/process.js
@@ -18,8 +18,8 @@ import {
   StepText,
   Indicators,
 } from "./process-styles"
-import Circle from "../../vectors/circle.svg"
-import SolidCircle from "../../vectors/solidcircle.svg"
+import Circle from "../../vectors/processcircle.svg"
+import SolidCircle from "../../vectors/processsolidcircle.svg"
 import { H1, P, H2, H3, Body } from "../../style/type-styles"
 
 export default function Process({ data }) {
@@ -37,6 +37,10 @@ export default function Process({ data }) {
         <HowCarousel>
           <HowImage>
             <img
+              alt={
+                data.prismicProcessPage.data.how_images[howNumber]
+                  .how_paragraph[0].text
+              }
               src={
                 data.prismicProcessPage.data.how_images[howNumber].how_image.url
               }
@@ -67,7 +71,10 @@ export default function Process({ data }) {
 
       <FindSection>
         <FindImage>
-          <img src={data.prismicProcessPage.data.find_image.url} />
+          <img
+            alt={data.prismicProcessPage.data.find_header}
+            src={data.prismicProcessPage.data.find_image.url}
+          />
         </FindImage>
 
         <FindText>
@@ -85,7 +92,7 @@ export default function Process({ data }) {
           return (
             <Step>
               <StepImage>
-                <img src={step.step_image.url} />
+                <img alt={step.step_description} src={step.step_image.url} />
               </StepImage>
 
               <StepText>
diff --git a/src/vectors/processcircle.svg b/src/vectors/processcircle.svg
new file mode 100644
index 0000000..95b889d
--- /dev/null
+++ b/src/vectors/processcircle.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27ZM15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30Z" fill="#22A59D"/>
+</svg>
diff --git a/src/vectors/processsolidcircle.svg b/src/vectors/processsolidcircle.svg
new file mode 100644
index 0000000..396e359
--- /dev/null
+++ b/src/vectors/processsolidcircle.svg
@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z" fill="#22A59D"/>
+</svg>