From 4f8c33cd86fbfbd8a5d266dee3f445f9547a9224 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Tue, 29 Jun 2021 10:04:51 +0530
Subject: [PATCH 1/3] fixing accessibility issues

---
 components/core/Landing.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/core/Landing.js b/components/core/Landing.js
index 58a541d..5aac0fd 100644
--- a/components/core/Landing.js
+++ b/components/core/Landing.js
@@ -428,7 +428,7 @@ const Landing = ({ setOpen, user, setUser }) => {
     return(
         <div>
             <BannerHeader fixed="top" expand="md">
-              <Navbar.Brand><Logo><div className="sr-only">TryShape</div></Logo></Navbar.Brand>
+              <Navbar.Brand><Logo><span className="sr-only">TryShape</span></Logo></Navbar.Brand>
               <Navbar.Toggle>
                   <FiMenu color="var(--color-neutral-10" size="24px"/>
               </Navbar.Toggle>
@@ -523,7 +523,7 @@ const Landing = ({ setOpen, user, setUser }) => {
                   <FileSupportCards>
                     <FileSupportCardItem>
                       <div className="card-icon">
-                        <img src={IconSvg} />
+                        <img src={IconSvg} alt="Icon for SVG File Type" />
                       </div>
                       <h3 className="card-title">SVG</h3>
                       <p className="card-desc">
@@ -533,7 +533,7 @@ const Landing = ({ setOpen, user, setUser }) => {
                     </FileSupportCardItem>
                     <FileSupportCardItem>
                       <div className="card-icon">
-                        <img src={IconPngJpg} />
+                        <img src={IconPngJpg} alt="Icon for PNG and JPG File Types"/>
                       </div>
                       <h3 className="card-title">PNG and JPEG</h3>
                       <p className="card-desc">
@@ -543,7 +543,7 @@ const Landing = ({ setOpen, user, setUser }) => {
                     </FileSupportCardItem>
                     <FileSupportCardItem>
                       <div className="card-icon">
-                        <img src={IconCss} />
+                        <img src={IconCss} alt="Icon for CSS Snippets"/>
                       </div>
                       <h3 className="card-title">CSS Snippet</h3>
                       <p className="card-desc">
@@ -557,11 +557,11 @@ const Landing = ({ setOpen, user, setUser }) => {
             <SectionContact id="contact">
               <Container>
                 <SocialLinks>
-                  <a href="https://github.com/TryShape" target="_blank" rel="noopener noreferrer"><FiGithub /></a>
-                  <a href="https://twitter.com/tapasadhikary" target="_blank" rel="noopener noreferrer"><FiTwitter /></a>
-                  <a href="https://www.linkedin.com/in/tapasadhikary/" target="_blank" rel="noopener noreferrer"><FiLinkedin /></a>
-                  <a href="https://www.youtube.com/c/TapasAdhikary/featured" rel="noopener noreferrer"><FiYoutube /></a>
-                  <a href="mailto:tapas.adhikary@gmail.com" rel="noopener noreferrer"><FiMail /></a>
+                  <a href="https://github.com/TryShape" target="_blank" rel="noopener noreferrer"><FiGithub /><span className="sr-only">GitHub</span></a>
+                  <a href="https://twitter.com/tapasadhikary" target="_blank" rel="noopener noreferrer"><FiTwitter /><span className="sr-only">Twitter</span></a>
+                  <a href="https://www.linkedin.com/in/tapasadhikary/" target="_blank" rel="noopener noreferrer"><FiLinkedin /><span className="sr-only">Linkedin</span></a>
+                  <a href="https://www.youtube.com/c/TapasAdhikary/featured" rel="noopener noreferrer"><FiYoutube /><span className="sr-only">Youtube</span></a>
+                  <a href="mailto:tapas.adhikary@gmail.com" rel="noopener noreferrer"><FiMail /><span className="sr-only">Email</span></a>
                 </SocialLinks>
                 <SectionContactCredits className="text-center"><small>TryShape is an opensource project developed by <a href="https://tapasadhikary.com/" target="_blank">Tapas Adhikary</a> and friends.</small></SectionContactCredits>
               </Container>

From 26894dfd09d44c5408e5b3cc3ac82ea36076cfd6 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Wed, 7 Jul 2021 13:54:57 +0530
Subject: [PATCH 2/3] adding lang attribute

---
 pages/_document.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/_document.js b/pages/_document.js
index ca99567..0450dc9 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -21,7 +21,7 @@ export default class MyDocument extends Document {
 
   render() {
     return (
-      <Html>
+      <Html lang="en">
         <Head>
           {/* Step 5: Output the styles in the head  */}
           {this.props.styleTags}

From 87f0fdd0107e3b0d6285b9ca909cfaaeb2a8e144 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Wed, 7 Jul 2021 14:00:41 +0530
Subject: [PATCH 3/3] heaindg and color contrast issue fix

---
 components/utils/ShapeList.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/utils/ShapeList.js b/components/utils/ShapeList.js
index 8eca12d..199110d 100644
--- a/components/utils/ShapeList.js
+++ b/components/utils/ShapeList.js
@@ -116,7 +116,7 @@ const ShapeActions = styled.div`
   justify-content: space-between;
 `;
 
-const ShapeName = styled.h4`
+const ShapeName = styled.h2`
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -163,7 +163,7 @@ const ShapeCreditsOwner = styled.div`
 const ShapeCreditsDate = styled.small`
   margin-top: 0.3rem;
   font-size: var(--fs-sm);
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-60);
   line-height: 1;
 `;