From 91377f7995ed78be156a53f260b3572eff7fe52f Mon Sep 17 00:00:00 2001
From: Adrien Clerbois <adrien.clerbois@outlook.com>
Date: Fri, 5 Dec 2025 20:58:40 +0100
Subject: [PATCH 1/2] Add GitHub logo link to DemoMainLayout and corresponding
 styles

---
 .../Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor | 6 ++++++
 .../FluentUI.Demo.Client/Layout/DemoMainLayout.razor.css  | 8 ++++++++
 .../Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor     | 6 ++++++
 3 files changed, 20 insertions(+)
 create mode 100644 examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor

diff --git a/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor b/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor
index 4e61e4c922..19fe0e2d26 100644
--- a/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor
+++ b/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor
@@ -17,6 +17,12 @@
 
         <FluentSpacer />
 
+        @* GitHub link *@
+        <a href="https://github.com/microsoft/fluentui-blazor/tree/dev-v5" class="github-logo-link" target="_blank"
+                rel="noopener noreferrer">
+            <GitHubLogo />
+        </a>
+
         @* DarkTheme *@
         <FluentButton IconStart="@(new Icons.Regular.Size20.DarkTheme().WithColor("var(--colorNeutralForegroundOnBrand)"))"
                         OnClick="@SwitchThemeAsync"
diff --git a/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor.css b/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor.css
index cd224119dc..4bde361f73 100644
--- a/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor.css
+++ b/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor.css
@@ -1,3 +1,11 @@
+.github-logo-link {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .demo-home {
     display: flex;
 }
diff --git a/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor b/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor
new file mode 100644
index 0000000000..ea0bfaee45
--- /dev/null
+++ b/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor
@@ -0,0 +1,6 @@
+<svg style="width: 16px; fill: var(--colorNeutralForegroundOnBrand);" focusable="false" viewBox="0 0 20 20"
+    aria-hidden="true"><!--!-->
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M10.178 0C4.55 0 0 4.583 0 10.254c0 4.533 2.915 8.369 6.959 9.727 0.506 0.102 0.691 -0.221 0.691 -0.492 0 -0.238 -0.017 -1.053 -0.017 -1.901 -2.831 0.611 -3.421 -1.222 -3.421 -1.222 -0.455 -1.188 -1.129 -1.494 -1.129 -1.494 -0.927 -0.628 0.068 -0.628 0.068 -0.628 1.028 0.068 1.567 1.053 1.567 1.053 0.91 1.562 2.376 1.12 2.966 0.849 0.084 -0.662 0.354 -1.12 0.64 -1.375 -2.258 -0.238 -4.634 -1.12 -4.634 -5.059 0 -1.12 0.404 -2.037 1.045 -2.75 -0.101 -0.255 -0.455 -1.307 0.101 -2.716 0 0 0.859 -0.272 2.797 1.053a9.786 9.786 0 0 1 2.545 -0.34c0.859 0 1.735 0.119 2.544 0.34 1.938 -1.324 2.797 -1.053 2.797 -1.053 0.556 1.409 0.202 2.462 0.101 2.716 0.657 0.713 1.045 1.63 1.045 2.75 0 3.939 -2.376 4.804 -4.651 5.059 0.371 0.323 0.691 0.934 0.691 1.901 0 1.375 -0.017 2.479 -0.017 2.818 0 0.272 0.185 0.594 0.691 0.493 4.044 -1.358 6.959 -5.195 6.959 -9.727C20.356 4.583 15.789 0 10.178 0z">
+    </path>
+</svg>

From 90e24532fb716a81db16ff9abbe2a50d9d3ef5c5 Mon Sep 17 00:00:00 2001
From: Adrien Clerbois <adrien.clerbois@outlook.com>
Date: Fri, 5 Dec 2025 21:03:09 +0100
Subject: [PATCH 2/2] Add aria-label to GitHub logo link for improved
 accessibility

---
 examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor | 2 +-
 examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor     | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor b/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor
index 19fe0e2d26..337b8b43a6 100644
--- a/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor
+++ b/examples/Demo/FluentUI.Demo.Client/Layout/DemoMainLayout.razor
@@ -19,7 +19,7 @@
 
         @* GitHub link *@
         <a href="https://github.com/microsoft/fluentui-blazor/tree/dev-v5" class="github-logo-link" target="_blank"
-                rel="noopener noreferrer">
+                rel="noopener noreferrer" aria-label="Visit FluentUI Blazor GitHub repository">
             <GitHubLogo />
         </a>
 
diff --git a/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor b/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor
index ea0bfaee45..a920e71969 100644
--- a/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor
+++ b/examples/Demo/FluentUI.Demo.Client/Layout/GitHubLogo.razor
@@ -1,5 +1,4 @@
-<svg style="width: 16px; fill: var(--colorNeutralForegroundOnBrand);" focusable="false" viewBox="0 0 20 20"
-    aria-hidden="true"><!--!-->
+<svg style="width: 16px; fill: var(--colorNeutralForegroundOnBrand);" focusable="false" viewBox="0 0 20 20"><!--!-->
     <path fill-rule="evenodd" clip-rule="evenodd"
         d="M10.178 0C4.55 0 0 4.583 0 10.254c0 4.533 2.915 8.369 6.959 9.727 0.506 0.102 0.691 -0.221 0.691 -0.492 0 -0.238 -0.017 -1.053 -0.017 -1.901 -2.831 0.611 -3.421 -1.222 -3.421 -1.222 -0.455 -1.188 -1.129 -1.494 -1.129 -1.494 -0.927 -0.628 0.068 -0.628 0.068 -0.628 1.028 0.068 1.567 1.053 1.567 1.053 0.91 1.562 2.376 1.12 2.966 0.849 0.084 -0.662 0.354 -1.12 0.64 -1.375 -2.258 -0.238 -4.634 -1.12 -4.634 -5.059 0 -1.12 0.404 -2.037 1.045 -2.75 -0.101 -0.255 -0.455 -1.307 0.101 -2.716 0 0 0.859 -0.272 2.797 1.053a9.786 9.786 0 0 1 2.545 -0.34c0.859 0 1.735 0.119 2.544 0.34 1.938 -1.324 2.797 -1.053 2.797 -1.053 0.556 1.409 0.202 2.462 0.101 2.716 0.657 0.713 1.045 1.63 1.045 2.75 0 3.939 -2.376 4.804 -4.651 5.059 0.371 0.323 0.691 0.934 0.691 1.901 0 1.375 -0.017 2.479 -0.017 2.818 0 0.272 0.185 0.594 0.691 0.493 4.044 -1.358 6.959 -5.195 6.959 -9.727C20.356 4.583 15.789 0 10.178 0z">
     </path>