From 8571fe00cca262cce4edd85febaf98c236f95836 Mon Sep 17 00:00:00 2001
From: Danielle Frappier <dfrapp@mit.edu>
Date: Fri, 15 May 2026 11:30:02 -0400
Subject: [PATCH 1/2] add heading tags to B2B org section

---
 .../app-pages/DashboardPage/ContractContent.tsx   |  4 ++--
 .../CoursewareDisplay/OrganizationCards.test.tsx  |  6 ++++++
 .../CoursewareDisplay/OrganizationCards.tsx       | 15 +++++++++++----
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx b/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx
index 1aca262678..b69f2567bf 100644
--- a/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx
+++ b/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx
@@ -156,7 +156,7 @@ const WelcomeMessage: React.FC<{ contract?: ContractPage }> = ({
   return (
     <Stack gap="12px" paddingTop="40px" paddingBottom="24px">
       <Stack direction="row" justifyContent="space-between" alignItems="center">
-        <Typography variant="h5">{welcomeMessage}</Typography>
+        <Typography variant="h5" component="h2">{welcomeMessage}</Typography>
         <Link
           scroll={false}
           color="red"
@@ -775,7 +775,7 @@ const ContractContentInternal: React.FC<ContractContentInternalProps> = ({
         </ProgramCollectionsList>
         {programsQuery.data?.results.length === 0 && (
           <HeaderRoot>
-            <Typography variant="h3" component="h1">
+            <Typography variant="h3" component="h2">
               No programs found
             </Typography>
           </HeaderRoot>
diff --git a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx
index 080f018351..00618c0240 100644
--- a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx
+++ b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx
@@ -74,6 +74,9 @@ describe("OrganizationCards", () => {
         )
       })
       expect(elements.length).toBeGreaterThan(0)
+      await screen.findByRole("heading", {
+        name: `As a member of ${org.name} you have access to:`,
+      })
     }
   })
 
@@ -135,6 +138,9 @@ describe("OrganizationCards", () => {
       expect(screen.getAllByRole("link", { name: "Contract 2" })).toHaveLength(
         2,
       )
+      // Contract names should be wrapped in heading elements
+      expect(screen.getAllByRole("heading", { name: "Contract 1" })).toHaveLength(2)
+      expect(screen.getAllByRole("heading", { name: "Contract 2" })).toHaveLength(2)
     })
 
     it("renders Continue buttons with correct organization URLs", async () => {
diff --git a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx
index d44d3a071a..9e4a3f9522 100644
--- a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx
+++ b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.tsx
@@ -56,6 +56,11 @@ const CardRootStyled = styled(DashboardCardRoot)({
   },
 })
 
+const ContractTitleHeading = styled.h3({
+  margin: 0,
+  width: "100%",
+})
+
 const TitleLink = styled(Link)({
   width: "100%",
 })
@@ -107,9 +112,11 @@ const OrganizationContracts: React.FC<OrganizationContractsProps> = ({
       const href = contractView(org.slug.replace("org-", ""), contract.slug)
       return (
         <CardContent key={contract.id} direction="row">
-          <TitleLink size="medium" color="black" href={href}>
-            {contract.name}
-          </TitleLink>
+          <ContractTitleHeading>
+            <TitleLink size="medium" color="black" href={href}>
+              {contract.name}
+            </TitleLink>
+          </ContractTitleHeading>
           <CardButton size="small" href={href} endIcon={<RiArrowRightLine />}>
             Continue
           </CardButton>
@@ -127,7 +134,7 @@ const OrganizationContracts: React.FC<OrganizationContractsProps> = ({
             style={{ objectFit: "contain" }}
           />
         </ImageContainer>
-        <Typography variant="body2">
+        <Typography variant="body2" component="h2">
           {"As a member of "}
           <Typography variant="subtitle2" component="span">
             {org.name}

From 5cd5b2e66d0510a443bc2bb244a1f3c32decdf81 Mon Sep 17 00:00:00 2001
From: Danielle Frappier <dfrapp@mit.edu>
Date: Fri, 15 May 2026 11:56:06 -0400
Subject: [PATCH 2/2] fix formating

---
 .../main/src/app-pages/DashboardPage/ContractContent.tsx  | 4 +++-
 .../CoursewareDisplay/OrganizationCards.test.tsx          | 8 ++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx b/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx
index b69f2567bf..bd2d3ddbff 100644
--- a/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx
+++ b/frontends/main/src/app-pages/DashboardPage/ContractContent.tsx
@@ -156,7 +156,9 @@ const WelcomeMessage: React.FC<{ contract?: ContractPage }> = ({
   return (
     <Stack gap="12px" paddingTop="40px" paddingBottom="24px">
       <Stack direction="row" justifyContent="space-between" alignItems="center">
-        <Typography variant="h5" component="h2">{welcomeMessage}</Typography>
+        <Typography variant="h5" component="h2">
+          {welcomeMessage}
+        </Typography>
         <Link
           scroll={false}
           color="red"
diff --git a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx
index 00618c0240..d1a701ce42 100644
--- a/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx
+++ b/frontends/main/src/app-pages/DashboardPage/CoursewareDisplay/OrganizationCards.test.tsx
@@ -139,8 +139,12 @@ describe("OrganizationCards", () => {
         2,
       )
       // Contract names should be wrapped in heading elements
-      expect(screen.getAllByRole("heading", { name: "Contract 1" })).toHaveLength(2)
-      expect(screen.getAllByRole("heading", { name: "Contract 2" })).toHaveLength(2)
+      expect(
+        screen.getAllByRole("heading", { name: "Contract 1" }),
+      ).toHaveLength(2)
+      expect(
+        screen.getAllByRole("heading", { name: "Contract 2" }),
+      ).toHaveLength(2)
     })
 
     it("renders Continue buttons with correct organization URLs", async () => {