fix(a11y): FCC logo link (#45039)

* fix: fcc logo link

* fix: fcc svg label

* feat: use translated aria for logo

* clean up

Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>

client/i18n/locales/english/translations.json

@@ -449,7 +449,7 @@
     "magnifier": "magnifier"
   },
   "aria": {
-    "fcc-logo": "freeCodeCamp Logo",
+    "fcc-curriculum": "freeCodeCamp Curriculum",
     "answer": "Answer",
     "linkedin": "Link to {{username}}'s LinkedIn",
     "github": "Link to {{username}}'s GitHub",

client/src/assets/icons/FreeCodeCamp-logo.tsx

@@ -6,9 +6,8 @@ function FreeCodeCampLogo(): JSX.Element {
 
   return (
     <svg
-      aria-label={t('aria.fcc-logo')}
+      aria-label={t('aria.fcc-curriculum')}
       height={24}
-      role='math'
       version='1.1'
       viewBox='0 0 210 24'
       width={210}

client/src/components/Header/components/universal-nav.tsx

@@ -57,7 +57,6 @@ export const UniversalNav = ({
       <div className='universal-nav-middle'>
         <Link id='universal-nav-logo' to='/learn'>
           <NavLogo />
-          <span className='sr-only'>freeCodeCamp.org</span>
         </Link>
       </div>
       <div className='universal-nav-right main-nav'>