From 3b05dc958a06b77006138d0b38b433ba3a2d8ed8 Mon Sep 17 00:00:00 2001
From: mfrachet <marvin.frachet@strapi.io>
Date: Fri, 10 Sep 2021 14:23:34 +0200
Subject: [PATCH] Fix homepage small a11y issues

---
 .../core/admin/admin/src/pages/HomePage/SocialLinks.js |  4 +++-
 .../admin/admin/src/pages/HomePage/tests/index.test.js | 10 ++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js b/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js
index b92e31c7ec..e71173d8df 100644
--- a/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js
+++ b/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js
@@ -88,6 +88,8 @@ const SocialLinks = () => {
 
   return (
     <Box
+      as="aside"
+      aria-labelledby="join-the-community"
       background="neutral0"
       hasRadius
       paddingRight={5}
@@ -99,7 +101,7 @@ const SocialLinks = () => {
       <Box paddingBottom={7}>
         <Stack size={5}>
           <Stack size={3}>
-            <H3>
+            <H3 as="h2" id="join-the-community">
               {formatMessage({
                 id: 'app.components.HomePage.community',
                 defaultMessage: 'Join the community',
diff --git a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
index 68602544dd..a8c339150e 100644
--- a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js
@@ -917,7 +917,8 @@ describe('Homepage', () => {
                   <div
                     class=""
                   >
-                    <div
+                    <aside
+                      aria-labelledby="join-the-community"
                       class="c34"
                     >
                       <div
@@ -929,11 +930,12 @@ describe('Homepage', () => {
                           <div
                             class="c36"
                           >
-                            <h3
+                            <h2
                               class="c37"
+                              id="join-the-community"
                             >
                               Join the community
-                            </h3>
+                            </h2>
                             <span
                               class="c12 c38"
                             >
@@ -1288,7 +1290,7 @@ describe('Homepage', () => {
                           </div>
                         </div>
                       </div>
-                    </div>
+                    </aside>
                   </div>
                 </div>
               </div>