From 5747fb6b3481c7326166fecd09fa336d3c1399c1 Mon Sep 17 00:00:00 2001
From: sinedied <noda@free.fr>
Date: Thu, 16 May 2024 13:30:08 +0200
Subject: [PATCH] fix: footer links landmark (fixes #114)

---
 .../app/shared/components/footer.component.ts  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/website/src/app/shared/components/footer.component.ts b/packages/website/src/app/shared/components/footer.component.ts
index 938dd86..472cf20 100644
--- a/packages/website/src/app/shared/components/footer.component.ts
+++ b/packages/website/src/app/shared/components/footer.component.ts
@@ -19,8 +19,8 @@ import { updateTrackingCodes } from '../loader';
           <div class="image">
             <img src="images/bit/student.png" alt="students" />
           </div>
-          <div>
-            <h3>Learn more</h3>
+          <nav aria-labelledby="learn">
+            <h3 id="learn">Learn more</h3>
             <ul class="list">
               <li>
                 <a [href]="trackUrl('https://learn.microsoft.com/training/')" target="_blank">Microsoft Training</a>
@@ -30,25 +30,25 @@ import { updateTrackingCodes } from '../loader';
               </li>
               <li><a [href]="trackUrl('https://learn.microsoft.com/samples/')" target="_blank">Code Samples</a></li>
             </ul>
-          </div>
-          <div>
-            <h3>Follow</h3>
+          </nav>
+          <nav aria-labelledby="follow">
+            <h3 id="follow">Follow</h3>
             <ul class="list">
               <li><a href="https://www.youtube.com/c/MicrosoftDeveloper/" target="_blank">YouTube</a></li>
               <li><a href="https://twitter.com/msdev" target="_blank">Twitter</a></li>
               <li><a href="https://www.linkedin.com/company/microsoft/" target="_blank">LinkedIn</a></li>
               <li><a href="https://www.facebook.com/Developpeurs.net/" target="_blank">Facebook</a></li>
             </ul>
-          </div>
-          <div>
-            <h3>Community</h3>
+          </nav>
+          <nav aria-labelledby="community">
+            <h3 id="community">Community</h3>
             <ul class="list">
               <li><a href="${githubRepositoryUrl}" target="_blank">GitHub</a></li>
               <li><a href="${githubRepositoryUrl}/blob/main/CONTRIBUTING.md" target="_blank">Contribute</a></li>
               <li><a href="${githubRepositoryUrl}/blob/main/CODE_OF_CONDUCT.md" target="_blank">Code Of Conduct</a></li>
               <li>&nbsp;</li>
             </ul>
-          </div>
+          </nav>
         </div>
         <div class="container no-sidebar">
           <div class="version">