fix a11y on home: one h1 and named partner links

website/src/components/Home/CallToAction/index.tsx

@@ -17,7 +17,7 @@ function CallToAction() {
       <div className={styles.background} />
       <div className={styles.container}>
         <Logo />
-        <h1 className={styles.title}>Welcome to the React Native community</h1>
+        <h2 className={styles.title}>Welcome to the React Native community</h2>
         <a href="/docs/environment-setup" className={styles.primaryButton}>
           Get Started
         </a>

website/src/components/Home/Community/PartnersShowcase.tsx

@@ -19,24 +19,29 @@ import styles from './styles.module.css';
 const PARTNERS = [
   {
     href: 'https://callstack.com/',
-    logo: <CallstackWordmark />,
+    name: 'Callstack',
+    logo: <CallstackWordmark aria-hidden />,
   },
   {
     href: 'https://expo.dev/',
+    name: 'Expo',
     className: styles.expo,
-    logo: <ExpoWordmark />,
+    logo: <ExpoWordmark aria-hidden />,
   },
   {
     href: 'https://infinite.red/',
-    logo: <InfiniteRedWordmark />,
+    name: 'Infinite Red',
+    logo: <InfiniteRedWordmark aria-hidden />,
   },
   {
     href: 'https://www.microsoft.com/',
-    logo: <MicrosoftWordmark />,
+    name: 'Microsoft',
+    logo: <MicrosoftWordmark aria-hidden />,
   },
   {
     href: 'https://swmansion.com/',
-    logo: <SWMWordmark />,
+    name: 'Software Mansion',
+    logo: <SWMWordmark aria-hidden />,
   },
 ];
 
@@ -49,13 +54,14 @@ export default function PartnersShowcase() {
 
   return (
     <div className={styles.partnersContainer}>
-      {partners.map(({href, className, logo}) => (
+      {partners.map(({href, name, className, logo}) => (
         <a
           key={href}
           href={href}
           target="_blank"
           rel="noopener noreferrer"
-          className={className}>
+          className={className}
+          aria-label={name}>
           {logo}
         </a>
       ))}

website/src/components/Home/SectionTitle/index.tsx

@@ -17,10 +17,8 @@ type Props = {
 function SectionTitle({title, description}: Props) {
   return (
     <div className={styles.container}>
-      <h1 className={styles.title}>{title}</h1>
-      {description ? (
-        <h3 className={styles.description}>{description}</h3>
-      ) : null}
+      <h2 className={styles.title}>{title}</h2>
+      {description ? <p className={styles.description}>{description}</p> : null}
     </div>
   );
 }

website/src/types/index.d.ts

@@ -4,6 +4,7 @@ export type ShowcaseData = Record<string, ShowcaseApp[]>;
 
 export type PartnerLink = {
   href: string;
+  name: string;
   className?: string;
   logo: ReactNode;
 };