From 2b57474b78cc4785402417ac49017f160eb27db7 Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Wed, 7 Jan 2026 23:04:55 +0000
Subject: [PATCH 1/8] make docs link color darker

---
 theme/docs.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/theme/docs.less b/theme/docs.less
index 796e643b51bf..e6cd475d7eb0 100644
--- a/theme/docs.less
+++ b/theme/docs.less
@@ -13,7 +13,7 @@
 @docsHeadingColor: @docsTextColor;
 
 /* Link color */
-@docsLinkColor: #3977b4;
+@docsLinkColor: #3671ab;
 
 /* Code segment */
 @docsSegmentBackgroundColor: #f7f7f7;

From 00369c10b242acfdd03479a8e711212a942692ee Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Wed, 7 Jan 2026 23:45:44 +0000
Subject: [PATCH 2/8] darken the pxt-link variable color

---
 react-common/styles/theming/base-theme.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-common/styles/theming/base-theme.less b/react-common/styles/theming/base-theme.less
index b56e3974634c..0e6f0d5ed4e8 100644
--- a/react-common/styles/theming/base-theme.less
+++ b/react-common/styles/theming/base-theme.less
@@ -67,7 +67,7 @@
     --pxt-neutral-alpha50: rgba(0, 0, 0, 0.5);
     --pxt-neutral-alpha80: rgba(0, 0, 0, 0.8);
 
-    --pxt-link: #3977B4;
+    --pxt-link: #3671AB;
     --pxt-link-hover: #204467;
     --pxt-focus-border: #0078D4;
 

From b3dd961922aaed706bf336f04363dd94f82c93dc Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Thu, 8 Jan 2026 00:10:36 +0000
Subject: [PATCH 3/8] aria-hidden for uninteractable logos, give buttons in
 headerbar role menuitem

---
 skillmap/src/components/HeaderBar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/skillmap/src/components/HeaderBar.tsx b/skillmap/src/components/HeaderBar.tsx
index f8f5de39d882..61c5811702b8 100644
--- a/skillmap/src/components/HeaderBar.tsx
+++ b/skillmap/src/components/HeaderBar.tsx
@@ -106,7 +106,7 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getOrganizationLogo(targetTheme: pxt.AppTheme) {
         const logoUrl = targetTheme.organizationWideLogo;
-        return <div className="header-logo">
+        return <div className="header-logo" aria-hidden="true">
             {logoUrl
                 ? <img src={isLocal() ? `./assets/${logoUrl}`: logoUrl} alt={lf("{0} Logo", targetTheme.organization)}/>
                 : <span className="name">{targetTheme.organization}</span>}
@@ -115,7 +115,7 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getTargetLogo(targetTheme: pxt.AppTheme) {
         const { activityOpen } = this.props;
-        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`}>
+        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} aria-hidden="true">
             {targetTheme.useTextLogo
                 ? [<span className="name" key="org-name" onClick={this.onBackClicked}>{targetTheme.organizationText}</span>,
                    <span className="name-short" key="org-name-short" onClick={this.onBackClicked}>{targetTheme.organizationShortText || targetTheme.organizationText}</span>]
@@ -169,7 +169,7 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
         return <div className="user-menu">
             {signedIn
             ?  <MenuDropdown id="profile-dropdown" items={items} label={avatarElem || initialsElem} title={lf("Profile Settings")}/>
-             : <Button className="menu-button" rightIcon="xicon cloud-user" title={lf("Sign In")} label={lf("Sign In")} onClick={ () => {
+             : <Button className="menu-button" role="menuitem" rightIcon="xicon cloud-user" title={lf("Sign In")} label={lf("Sign In")} onClick={ () => {
                 pxt.tickEvent(`skillmap.usermenu.signin`);
                 this.props.dispatchShowLoginModal();
             }}/>}
@@ -192,8 +192,8 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
             <div className="spacer" />
             <div className="header-right">
-                { activityOpen && <Button className="menu-button" leftIcon="fas fa-arrow-left large" title={lf("Return to activity selection")} onClick={this.onBackClicked}/> }
-                <Button className="menu-button" leftIcon="fas fa-home large" title={lf("Return to the editor homepage")} onClick={this.onHomeClicked}/>
+                { activityOpen && <Button className="menu-button" role="menuitem" leftIcon="fas fa-arrow-left large" title={lf("Return to activity selection")} onClick={this.onBackClicked}/> }
+                <Button className="menu-button" role="menuitem" leftIcon="fas fa-home large" title={lf("Return to the editor homepage")} onClick={this.onHomeClicked}/>
                 { helpItems?.length > 0 && <MenuDropdown id="skillmap-help" title={lf("Help menu")} icon="fas fa-question-circle large" items={helpItems}  />}
                 { settingItems?.length > 0 && <MenuDropdown id="settings-help" title={lf("Settings menu")} icon="fas fa-cog large" items={settingItems}  />}
                 { hasIdentity && this.getUserMenu() }

From cda2e4b026359a57830add6403cff85920471e1d Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Thu, 15 Jan 2026 23:16:25 +0000
Subject: [PATCH 4/8] make the MakeCode Arcade logo a button when interactable
 in the editor for a skillmap

---
 skillmap/src/App.css                  | 12 +++++++++---
 skillmap/src/components/HeaderBar.tsx | 19 ++++++++++++++++---
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/skillmap/src/App.css b/skillmap/src/App.css
index 88be7f83838d..b9d11bb96e46 100644
--- a/skillmap/src/App.css
+++ b/skillmap/src/App.css
@@ -92,12 +92,14 @@ code {
     font-size: 1.5rem;
     user-select: none;
     display: flex;
+    align-items: center;
+    height: 100%;
 }
 
-.header .brand:before {
+.header .header-logo:after {
     position: relative;
     height: 1.5rem;
-    border-left: 2px solid var(--pxt-header-foreground);
+    border-right: 2px solid var(--pxt-header-foreground);
     content: " ";
 }
 
@@ -107,11 +109,15 @@ code {
     color: var(--pxt-header-background);
 }
 
-.ui.item.logo .name {
+.ui.item.logo span.name {
     margin-left: 1rem;
     margin-bottom: 1px;
 }
 
+.ui.item.logo button.name,button.name-short {
+    margin-left: 0 !important;
+}
+
 .header-logo img {
     height: 1.4rem;
     margin: 0 1rem;
diff --git a/skillmap/src/components/HeaderBar.tsx b/skillmap/src/components/HeaderBar.tsx
index 61c5811702b8..b2ab48319cb0 100644
--- a/skillmap/src/components/HeaderBar.tsx
+++ b/skillmap/src/components/HeaderBar.tsx
@@ -115,10 +115,23 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getTargetLogo(targetTheme: pxt.AppTheme) {
         const { activityOpen } = this.props;
-        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} aria-hidden="true">
+        const isInteractive = activityOpen && targetTheme.useTextLogo;
+
+        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} aria-hidden={!isInteractive}>
             {targetTheme.useTextLogo
-                ? [<span className="name" key="org-name" onClick={this.onBackClicked}>{targetTheme.organizationText}</span>,
-                   <span className="name-short" key="org-name-short" onClick={this.onBackClicked}>{targetTheme.organizationShortText || targetTheme.organizationText}</span>]
+                ? (activityOpen
+                    ? [<Button className="name menu-button" key="org-name"
+                              onClick={this.onBackClicked}
+                              title={lf("MakeCode logo, return to activity selection")}
+                              ariaLabel={lf("MakeCode logo, return to activity selection")}
+                              label={targetTheme.organizationText} />,
+                       <Button className="name-short menu-button" key="org-name-short"
+                              onClick={this.onBackClicked}
+                              title={lf("MakeCode logo, return to activity selection")}
+                              ariaLabel={lf("MakeCode logo, return to activity selection")}
+                              label={targetTheme.organizationShortText || targetTheme.organizationText} />]
+                    : [<span className="name" key="org-name">{targetTheme.organizationText}</span>,
+                       <span className="name-short" key="org-name-short">{targetTheme.organizationShortText || targetTheme.organizationText}</span>])
                 : (targetTheme.logo || targetTheme.portraitLogo
                     ? <img className="logo" src={targetTheme.logo || targetTheme.portraitLogo} alt={lf("{0} Logo", targetTheme.boardName)}/>
                     : <span className="name"> {targetTheme.boardName}</span>)

From 8c0c24f1ee680fb06e06643842ba072914d2dc2a Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Thu, 15 Jan 2026 23:26:11 +0000
Subject: [PATCH 5/8] remove posinset from skillmap infopanel activity action
 buttons

---
 skillmap/src/components/ActivityActions.tsx | 15 ---------------
 1 file changed, 15 deletions(-)

diff --git a/skillmap/src/components/ActivityActions.tsx b/skillmap/src/components/ActivityActions.tsx
index 2aeb9c1461fc..a98e2d951c0d 100644
--- a/skillmap/src/components/ActivityActions.tsx
+++ b/skillmap/src/components/ActivityActions.tsx
@@ -98,18 +98,11 @@ export class ActivityActionsImpl extends React.Component<ActivityActionsProps> {
         if (status === "locked") return <div />
         const showSignIn = pxt.auth.hasIdentity() && !signedIn;
 
-        let numberOfActions = 1;
-        if (activityStarted) numberOfActions += 2;
-        if (completedHeaderId) numberOfActions += 1;
-        if (showSignIn) numberOfActions += 1;
-
         // Apply "grid" class when there are four actions (for a completed activity)
         return <div className={`actions ${completedHeaderId ? "grid" : ""}`}>
             <Button
                 className="tertiary"
                 tabIndex={-1}
-                ariaPosInSet={1}
-                ariaSetSize={numberOfActions}
                 title={this.getActivityActionText()}
                 label={this.getActivityActionText()}
                 onClick={this.handleActionButtonClick}
@@ -118,8 +111,6 @@ export class ActivityActionsImpl extends React.Component<ActivityActionsProps> {
                 <Button
                     className="primary inverted"
                     tabIndex={-1}
-                    ariaPosInSet={2}
-                    ariaSetSize={numberOfActions}
                     title={lf("Restart")}
                     label={lf("Restart")}
                     onClick={this.handleRestartButtonClick}
@@ -127,8 +118,6 @@ export class ActivityActionsImpl extends React.Component<ActivityActionsProps> {
                 <Button
                     className="primary inverted"
                     tabIndex={-1}
-                    ariaPosInSet={3}
-                    ariaSetSize={numberOfActions}
                     title={lf("Share")}
                     label={lf("Share")}
                     onClick={this.handleShareButtonClick}
@@ -137,8 +126,6 @@ export class ActivityActionsImpl extends React.Component<ActivityActionsProps> {
             {completedHeaderId &&
                 <Button
                     tabIndex={-1}
-                    ariaPosInSet={activityStarted ? 4 : 2}
-                    ariaSetSize={numberOfActions}
                     className="primary inverted"
                     title={lf("Save to My Projects")}
                     label={lf("Save to My Projects")}
@@ -148,8 +135,6 @@ export class ActivityActionsImpl extends React.Component<ActivityActionsProps> {
             {showSignIn &&
                 <Button
                     tabIndex={-1}
-                    ariaPosInSet={numberOfActions}
-                    ariaSetSize={numberOfActions}
                     className="primary inverted"
                     onClick={dispatchShowLoginModal}
                     label={lf("Sign in to Save")}

From eb426b7934e57cef272c3aa64d0398022953dffe Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Thu, 15 Jan 2026 23:28:05 +0000
Subject: [PATCH 6/8] remove posinset from skillmap infopanel reward action
 buttons

---
 skillmap/src/components/RewardActions.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/skillmap/src/components/RewardActions.tsx b/skillmap/src/components/RewardActions.tsx
index edf53c82e4ce..10fe7ba97d80 100644
--- a/skillmap/src/components/RewardActions.tsx
+++ b/skillmap/src/components/RewardActions.tsx
@@ -53,8 +53,6 @@ export class RewardActionsImpl extends React.Component<RewardActionsProps> {
             <div className="actions">
                 <Button
                     tabIndex={-1}
-                    ariaPosInSet={1}
-                    ariaSetSize={showSignIn ? 3 : 2}
                     className="primary inverted"
                     title={lf("Claim Reward")}
                     label={lf("Claim Reward")}
@@ -62,8 +60,6 @@ export class RewardActionsImpl extends React.Component<RewardActionsProps> {
                 />
                 <Button
                     tabIndex={-1}
-                    ariaPosInSet={2}
-                    ariaSetSize={showSignIn ? 3 : 2}
                     className="primary inverted"
                     title={lf("Play your game")}
                     label={lf("Play your game")}
@@ -72,8 +68,6 @@ export class RewardActionsImpl extends React.Component<RewardActionsProps> {
                 {showSignIn &&
                     <Button
                         tabIndex={-1}
-                        ariaPosInSet={3}
-                        ariaSetSize={3}
                         className="tertiary"
                         onClick={dispatchShowLoginModal}
                         label={lf("Sign in to Save")}

From 56347097fac03f1d077c2024ead6d92ef2066ccd Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Fri, 16 Jan 2026 01:23:04 +0000
Subject: [PATCH 7/8] bring role presentation back to the left header

---
 skillmap/src/components/HeaderBar.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/skillmap/src/components/HeaderBar.tsx b/skillmap/src/components/HeaderBar.tsx
index b2ab48319cb0..cb12a95272c8 100644
--- a/skillmap/src/components/HeaderBar.tsx
+++ b/skillmap/src/components/HeaderBar.tsx
@@ -106,7 +106,7 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getOrganizationLogo(targetTheme: pxt.AppTheme) {
         const logoUrl = targetTheme.organizationWideLogo;
-        return <div className="header-logo" aria-hidden="true">
+        return <div className="header-logo" role="presentation">
             {logoUrl
                 ? <img src={isLocal() ? `./assets/${logoUrl}`: logoUrl} alt={lf("{0} Logo", targetTheme.organization)}/>
                 : <span className="name">{targetTheme.organization}</span>}
@@ -115,9 +115,8 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getTargetLogo(targetTheme: pxt.AppTheme) {
         const { activityOpen } = this.props;
-        const isInteractive = activityOpen && targetTheme.useTextLogo;
 
-        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} aria-hidden={!isInteractive}>
+        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} role="presentation">
             {targetTheme.useTextLogo
                 ? (activityOpen
                     ? [<Button className="name menu-button" key="org-name"

From 0121761f6cacda3fb9029d8683194021e4e0a043 Mon Sep 17 00:00:00 2001
From: Sarah Rietkerk <sarahnrietkerk@gmail.com>
Date: Sat, 17 Jan 2026 00:46:49 +0000
Subject: [PATCH 8/8] make it aria hidden when not interactable

---
 skillmap/src/components/HeaderBar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/skillmap/src/components/HeaderBar.tsx b/skillmap/src/components/HeaderBar.tsx
index cb12a95272c8..b2ab48319cb0 100644
--- a/skillmap/src/components/HeaderBar.tsx
+++ b/skillmap/src/components/HeaderBar.tsx
@@ -106,7 +106,7 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getOrganizationLogo(targetTheme: pxt.AppTheme) {
         const logoUrl = targetTheme.organizationWideLogo;
-        return <div className="header-logo" role="presentation">
+        return <div className="header-logo" aria-hidden="true">
             {logoUrl
                 ? <img src={isLocal() ? `./assets/${logoUrl}`: logoUrl} alt={lf("{0} Logo", targetTheme.organization)}/>
                 : <span className="name">{targetTheme.organization}</span>}
@@ -115,8 +115,9 @@ export class HeaderBarImpl extends React.Component<HeaderBarProps> {
 
     protected getTargetLogo(targetTheme: pxt.AppTheme) {
         const { activityOpen } = this.props;
+        const isInteractive = activityOpen && targetTheme.useTextLogo;
 
-        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} role="presentation">
+        return <div className={`ui item logo brand ${!activityOpen ? "noclick" : ""}`} aria-hidden={!isInteractive}>
             {targetTheme.useTextLogo
                 ? (activityOpen
                     ? [<Button className="name menu-button" key="org-name"