some aria fixes

batistaDev1113 · Dec 8, 2023 · be6ba96 · be6ba96
1 parent f9f696d
commit be6ba96
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 7 deletions.
diff --git a/components/FooterComponent.tsx b/components/FooterComponent.tsx
@@ -19,13 +19,20 @@ const FooterComponent = () => {
               href='https://www.linkedin.com/in/yunior-batista-profile/'
               target='_blank'
               icon={BsLinkedin}
+              aria-label="Link to Yunior's LinkedIn profile"
             />
             <Footer.Icon
               href='https://github.com/batistaDev1113'
               target='_blank'
               icon={BsGithub}
+              aria-label="Link to Yunior's GitHub profile"
+            />
+            <Footer.Icon
+              href='#'
+              target='_blank'
+              icon={RxCodesandboxLogo}
+              aria-label="Link to Yunior's codesandbox profile"
             />
-            <Footer.Icon href='#' target='_blank' icon={RxCodesandboxLogo} />
           </div>
         </div>
       </div>

diff --git a/components/Hero.tsx b/components/Hero.tsx
@@ -84,7 +84,7 @@ const Hero = () => {
               <section className='grid grid-cols-1 md:grid-cols-2 grid-rows-2 md:grid-rows-1 gap-3 grid-flow-col'>
                 <Link
                   href='/Yunior_Batista_Resume.pdf'
-                  aria-label='Resume'
+                  aria-label='View Resume'
                   locale={false}
                   className='button-about'
                   target='_blank'
@@ -94,7 +94,7 @@ const Hero = () => {
                 </Link>
                 <Link
                   href='/Yunior_Batista_Resume.pdf'
-                  aria-label='Download my CV'
+                  aria-label='Download Resume'
                   locale={false}
                   download='/Yunior_Batista_Resume.pdf'
                   className='button-about'

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -21,12 +21,20 @@ const Navigation = () => {
         <Navbar.Toggle />
       </div>
       <Navbar.Collapse className='uppercase'>
-        <Navbar.Link href='#projects' role='navigation'>
+        <Navbar.Link
+          href='#projects'
+          role='link'
+          aria-label='Link to projects section'
+        >
           <span className='pb-1 hover:text-teal-600 dark:hover:text-teal-300 hover:border-b-2  hover:border-indigo-500 hover:border-spacing-4'>
             Some Projects I&apos;ve Built
           </span>
         </Navbar.Link>
-        <Navbar.Link href='#contact' role='navigation'>
+        <Navbar.Link
+          href='#contact'
+          role='link'
+          aria-label='Link to contact me form'
+        >
           <span className='pb-1 hover:text-teal-600 dark:hover:text-teal-300 hover:border-b-2  hover:border-indigo-500 hover:border-spacing-4'>
             Contact Me
           </span>

diff --git a/components/Project.tsx b/components/Project.tsx
@@ -51,9 +51,9 @@ const Project = ({ project }: ProjectProps) => {
               fetchPriority='low'
             />
             <div className='p-6 md:h-60 h-70 flex flex-col justify-around'>
-              <h5 className='text-2xl font-bold tracking-tight text-gray-900 dark:text-white'>
+              <h4 className='text-2xl font-bold tracking-tight text-gray-900 dark:text-white'>
                 {name}
-              </h5>
+              </h4>
               <p className='font-normal text-gray-700 dark:text-gray-400 mt-5 mb-5'>
                 {description}
               </p>