From 3f1e03372b823d2e04b1b55d9399d31a3419400f Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 1 May 2026 13:21:44 -0700
Subject: [PATCH 01/23] Update heading tags in various page elements for better
 accessibility

---
 .../components/releaseNotes/components.md     |  4 ++
 .../components/auditlog/AuditDetails.tsx      |  2 +-
 .../components/base/PageHeader.test.tsx       |  9 ++++-
 .../internal/components/base/PageHeader.tsx   | 40 ++++++++++++++-----
 .../src/internal/components/base/Section.tsx  | 11 +++--
 .../domainproperties/DomainFieldsDisplay.tsx  |  4 +-
 .../DomainFieldsDisplay.test.tsx.snap         | 12 +++---
 .../components/forms/PageDetailHeader.tsx     |  4 +-
 .../PageDetailHeader.test.tsx.snap            | 18 ++++-----
 .../components/forms/detail/DetailDisplay.tsx |  2 +-
 .../forms/detail/DetailPanelHeader.tsx        |  8 ++--
 .../labelPrinting/BarTenderSettingsForm.tsx   |  2 +-
 .../lineage/node/NodeDetailHeader.tsx         |  2 +-
 .../permissions/GroupDetailsPanel.tsx         |  2 +-
 .../samples/ManageSampleStatusesPanel.tsx     |  2 +-
 .../components/settings/ActiveUserLimit.tsx   |  2 +-
 .../components/settings/NameIdSettings.tsx    |  2 +-
 .../components/user/UserDetailsPanel.tsx      |  2 +-
 .../UserDetailHeader.test.tsx.snap            |  8 ++--
 .../UserDetailsPanel.test.tsx.snap            | 24 +++++------
 .../src/public/QueryModel/GridPanel.tsx       |  4 +-
 .../src/public/QueryModel/TabbedGridPanel.tsx |  2 +-
 packages/components/src/theme/app/app.scss    |  4 ++
 packages/components/src/theme/detail.scss     |  9 +++++
 packages/components/src/theme/lineage.scss    |  2 +
 packages/components/src/theme/panel.scss      | 11 +++++
 26 files changed, 127 insertions(+), 65 deletions(-)

diff --git a/packages/components/releaseNotes/components.md b/packages/components/releaseNotes/components.md
index 61f73f23c5..a82b4d0516 100644
--- a/packages/components/releaseNotes/components.md
+++ b/packages/components/releaseNotes/components.md
@@ -1,6 +1,10 @@
 # @labkey/components
 Components, models, actions, and utility functions for LabKey applications and pages
 
+### version TBD
+*Released*: TBD
+- Update heading tags in various page elements for better accessibility
+
 ### version 7.33.3
 *Released*: 1 May 2026
 - Accessibility improvements: add labels or aria-labels to input elements
diff --git a/packages/components/src/internal/components/auditlog/AuditDetails.tsx b/packages/components/src/internal/components/auditlog/AuditDetails.tsx
index 557e9cb746..ed9034336f 100644
--- a/packages/components/src/internal/components/auditlog/AuditDetails.tsx
+++ b/packages/components/src/internal/components/auditlog/AuditDetails.tsx
@@ -204,7 +204,7 @@ export class AuditDetails extends Component<Props> {
 
         return (
             <div className="panel panel-default">
-                <div className="panel-heading">{title}</div>
+                <h2 className="panel-heading">{title}</h2>
                 <div className="panel-body">
                     {children}
                     {!rowId && <div>{emptyMsg}</div>}
diff --git a/packages/components/src/internal/components/base/PageHeader.test.tsx b/packages/components/src/internal/components/base/PageHeader.test.tsx
index a93ffb585a..59c837c743 100644
--- a/packages/components/src/internal/components/base/PageHeader.test.tsx
+++ b/packages/components/src/internal/components/base/PageHeader.test.tsx
@@ -7,7 +7,7 @@ import { PageHeader } from './PageHeader';
 describe('<PageHeader />', () => {
     test('render without properties', () => {
         render(<PageHeader showNotifications={false} />);
-        expect(document.querySelector('h2').textContent).toEqual('');
+        expect(document.querySelector('h2')).not.toBeInTheDocument();
     });
 
     test('render with icon', () => {
@@ -28,6 +28,13 @@ describe('<PageHeader />', () => {
         expect(document.querySelector('h2').textContent).toEqual(' Page title');
     });
 
+
+    test('render with icon and title as primary', () => {
+        render(<PageHeader primaryHeader showNotifications={false} title="Page title" iconCls="fa fa-star" />);
+        expect(document.querySelectorAll('span.fa-star').length).toEqual(1);
+        expect(document.querySelector('h1').textContent).toEqual(' Page title');
+    });
+
     test('render with children', () => {
         render(
             <PageHeader showNotifications={false} title="render with children">
diff --git a/packages/components/src/internal/components/base/PageHeader.tsx b/packages/components/src/internal/components/base/PageHeader.tsx
index 207a0cdb20..2d8335a921 100644
--- a/packages/components/src/internal/components/base/PageHeader.tsx
+++ b/packages/components/src/internal/components/base/PageHeader.tsx
@@ -19,20 +19,40 @@ import { Notifications } from '../notifications/Notifications';
 
 interface PageHeaderProps extends PropsWithChildren {
     iconCls?: string;
+    primaryHeader?: boolean;
     showNotifications?: boolean;
     title?: string;
 }
 
-export const PageHeader: FC<PageHeaderProps> = ({ children, iconCls, showNotifications = true, title }) => (
-    <div className="page-header">
-        {children}
+export const PageHeader: FC<PageHeaderProps> = ({
+    children,
+    iconCls,
+    primaryHeader,
+    showNotifications = true,
+    title,
+}) => {
+    const showTitle = !!iconCls || !!title;
 
-        <h2 className="no-margin-top">
-            {iconCls ? <span className={'page-header-icon ' + iconCls}>&nbsp;</span> : null}
-            {title}
-        </h2>
+    return (
+        <div className="page-header">
+            {children}
+
+            {showTitle && primaryHeader && (
+                <h1 className="no-margin-top">
+                    {iconCls ? <span className={'page-header-icon ' + iconCls}>&nbsp;</span> : null}
+                    {title}
+                </h1>
+            )}
+            {showTitle && !primaryHeader && (
+                <h2 className="no-margin-top">
+                    {iconCls ? <span className={'page-header-icon ' + iconCls}>&nbsp;</span> : null}
+                    {title}
+                </h2>
+            )}
+
+            {showNotifications && <Notifications />}
+        </div>
+    );
+};
 
-        {showNotifications && <Notifications />}
-    </div>
-);
 PageHeader.displayName = 'PageHeader';
diff --git a/packages/components/src/internal/components/base/Section.tsx b/packages/components/src/internal/components/base/Section.tsx
index f6c3d4e854..58d531121b 100644
--- a/packages/components/src/internal/components/base/Section.tsx
+++ b/packages/components/src/internal/components/base/Section.tsx
@@ -44,10 +44,15 @@ export const Section: FC<SectionProps> = props => {
                 {showHeader && (
                     <div className={`panel-heading panel-content-flex panel-content-${titleSize}`}>
                         <div className={`panel-content-title-container ${titleContainerClassName ?? ''}`}>
-                            {title && (
-                                <div className={`panel-content-title-${titleSize} ${titleClassName ?? ''}`}>
+                            {title && titleSize === 'large' && (
+                                <h1 className={`panel-content-title-${titleSize} ${titleClassName ?? ''}`}>
                                     {title}
-                                </div>
+                                </h1>
+                            )}
+                            {title && titleSize !== 'large' && (
+                                <h2 className={`panel-content-title-${titleSize} ${titleClassName ?? ''}`}>
+                                    {title}
+                                </h2>
                             )}
                             {caption && <div className="panel-content-caption">{caption}</div>}
                         </div>
diff --git a/packages/components/src/internal/components/domainproperties/DomainFieldsDisplay.tsx b/packages/components/src/internal/components/domainproperties/DomainFieldsDisplay.tsx
index 8aba4847e0..3755e35c39 100644
--- a/packages/components/src/internal/components/domainproperties/DomainFieldsDisplay.tsx
+++ b/packages/components/src/internal/components/domainproperties/DomainFieldsDisplay.tsx
@@ -55,9 +55,9 @@ type Props = {
 
 export const DomainFieldsDisplay: FC<Props> = ({ domain, title }) => (
     <div className="panel panel-default">
-        <div className="panel-heading">
+        <h2 className="panel-heading">
             <div className="panel-title">{title || domain.name}</div>
-        </div>
+        </h2>
         <div className="panel-body">
             <p>{domain.description}</p>
             <Grid columns={DOMAIN_FIELD_COLS} data={domain.fields} />
diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/DomainFieldsDisplay.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/DomainFieldsDisplay.test.tsx.snap
index b8e15ba7bd..7e71f258d6 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/DomainFieldsDisplay.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/DomainFieldsDisplay.test.tsx.snap
@@ -5,13 +5,13 @@ exports[`DomainFieldsDisplay with empty domain design 1`] = `
   <div
     class="panel panel-default"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <div
         class="panel-title"
       />
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -118,7 +118,7 @@ exports[`DomainFieldsDisplay with title 1`] = `
   <div
     class="panel panel-default"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <div
@@ -126,7 +126,7 @@ exports[`DomainFieldsDisplay with title 1`] = `
       >
         test domain title
       </div>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -233,7 +233,7 @@ exports[`DomainFieldsDisplay without title 1`] = `
   <div
     class="panel panel-default"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <div
@@ -241,7 +241,7 @@ exports[`DomainFieldsDisplay without title 1`] = `
       >
         test domain name
       </div>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
diff --git a/packages/components/src/internal/components/forms/PageDetailHeader.tsx b/packages/components/src/internal/components/forms/PageDetailHeader.tsx
index 2d9289ba04..f21e7bdce1 100644
--- a/packages/components/src/internal/components/forms/PageDetailHeader.tsx
+++ b/packages/components/src/internal/components/forms/PageDetailHeader.tsx
@@ -59,8 +59,8 @@ export class PageDetailHeader extends PureComponent<PageDetailHeaderProps> {
                         </div>
                     )}
                     <div className={hasIcon ? 'detail__header-icon--body-container' : ''}>
-                        <h2 className="no-margin-top detail__header--name">{title}</h2>
-                        {subTitle && <h4 className="test-loc-detail-subtitle">{subTitle}</h4>}
+                        <h1 className="no-margin-top detail__header--name">{title}</h1>
+                        {subTitle && <div className="detail-subtitle">{subTitle}</div>}
                         {description && <span className="detail__header--desc">{description}</span>}
                     </div>
                 </div>
diff --git a/packages/components/src/internal/components/forms/__snapshots__/PageDetailHeader.test.tsx.snap b/packages/components/src/internal/components/forms/__snapshots__/PageDetailHeader.test.tsx.snap
index 4d32e9c578..6068f52e1c 100644
--- a/packages/components/src/internal/components/forms/__snapshots__/PageDetailHeader.test.tsx.snap
+++ b/packages/components/src/internal/components/forms/__snapshots__/PageDetailHeader.test.tsx.snap
@@ -22,11 +22,11 @@ exports[`<PageDetailHeader/> default props 1`] = `
       <div
         class="detail__header-icon--body-container"
       >
-        <h2
+        <h1
           class="no-margin-top detail__header--name"
         >
           Title
-        </h2>
+        </h1>
       </div>
     </div>
     <div
@@ -58,16 +58,16 @@ exports[`<PageDetailHeader/> with additional props 1`] = `
       <div
         class="detail__header-icon--body-container"
       >
-        <h2
+        <h1
           class="no-margin-top detail__header--name"
         >
           Title
-        </h2>
-        <h4
-          class="test-loc-detail-subtitle"
+        </h1>
+        <div
+          class="detail-subtitle"
         >
           Subtitle
-        </h4>
+        </div>
         <span
           class="detail__header--desc"
         >
@@ -100,11 +100,11 @@ exports[`<PageDetailHeader/> without icon 1`] = `
       <div
         class=""
       >
-        <h2
+        <h1
           class="no-margin-top detail__header--name"
         >
           Title
-        </h2>
+        </h1>
       </div>
     </div>
     <div
diff --git a/packages/components/src/internal/components/forms/detail/DetailDisplay.tsx b/packages/components/src/internal/components/forms/detail/DetailDisplay.tsx
index b3cae818d5..91911d5d56 100644
--- a/packages/components/src/internal/components/forms/detail/DetailDisplay.tsx
+++ b/packages/components/src/internal/components/forms/detail/DetailDisplay.tsx
@@ -257,7 +257,7 @@ export const DetailDisplay: FC<DetailDisplayProps> = memo(props => {
     if (asPanel) {
         return (
             <div className="panel panel-default">
-                <div className="panel-heading">Details</div>
+                <h2 className="panel-heading">Details</h2>
                 <div className="panel-body">{body}</div>
             </div>
         );
diff --git a/packages/components/src/internal/components/forms/detail/DetailPanelHeader.tsx b/packages/components/src/internal/components/forms/detail/DetailPanelHeader.tsx
index 7a52a986a0..150b8cced3 100644
--- a/packages/components/src/internal/components/forms/detail/DetailPanelHeader.tsx
+++ b/packages/components/src/internal/components/forms/detail/DetailPanelHeader.tsx
@@ -29,7 +29,7 @@ export const DetailPanelHeader: FC<DetailPanelHeaderProps> = memo(props => {
 
     if (editing) {
         return (
-            <div className="panel-heading">
+            <h2 className="panel-heading">
                 {verb} {title}
                 <span className="detail__edit--heading">
                     {warning !== undefined && (
@@ -39,12 +39,12 @@ export const DetailPanelHeader: FC<DetailPanelHeaderProps> = memo(props => {
                         </span>
                     )}
                 </span>
-            </div>
+            </h2>
         );
     }
 
     return (
-        <div className="panel-heading">
+        <h2 className="panel-heading">
             {title}
             <span className="detail__edit--heading">
                 {isEditable && (
@@ -56,7 +56,7 @@ export const DetailPanelHeader: FC<DetailPanelHeaderProps> = memo(props => {
                     </>
                 )}
             </span>
-        </div>
+        </h2>
     );
 });
 DetailPanelHeader.displayName = 'DetailPanelHeader';
diff --git a/packages/components/src/internal/components/labelPrinting/BarTenderSettingsForm.tsx b/packages/components/src/internal/components/labelPrinting/BarTenderSettingsForm.tsx
index c6d7dd480a..7ecf3c9d1e 100644
--- a/packages/components/src/internal/components/labelPrinting/BarTenderSettingsForm.tsx
+++ b/packages/components/src/internal/components/labelPrinting/BarTenderSettingsForm.tsx
@@ -184,7 +184,7 @@ export const BarTenderSettingsForm: FC<BarTenderSettingsFormProps> = memo(props
 
     return (
         <div className="panel panel-default" title={title}>
-            <div className="panel-heading">{title}</div>
+            <h2 className="panel-heading">{title}</h2>
             <div className="panel-body">
                 {error && <Alert>{error}</Alert>}
                 {loading && <LoadingSpinner />}
diff --git a/packages/components/src/internal/components/lineage/node/NodeDetailHeader.tsx b/packages/components/src/internal/components/lineage/node/NodeDetailHeader.tsx
index da3f37b2b4..24421b7e40 100644
--- a/packages/components/src/internal/components/lineage/node/NodeDetailHeader.tsx
+++ b/packages/components/src/internal/components/lineage/node/NodeDetailHeader.tsx
@@ -20,7 +20,7 @@ export const DetailHeader: FC<DetailHeaderProps> = memo(({ children, header, ico
         </i>
         <div className="text__truncate">
             <div className="lineage-name">
-                <h4 className="no-margin-top lineage-name-data">{header}</h4>
+                <div className="no-margin-top lineage-name-data">{header}</div>
             </div>
             <div className="small">{children}</div>
         </div>
diff --git a/packages/components/src/internal/components/permissions/GroupDetailsPanel.tsx b/packages/components/src/internal/components/permissions/GroupDetailsPanel.tsx
index a4a605cab2..c233ec031e 100644
--- a/packages/components/src/internal/components/permissions/GroupDetailsPanel.tsx
+++ b/packages/components/src/internal/components/permissions/GroupDetailsPanel.tsx
@@ -62,7 +62,7 @@ export const GroupDetailsPanel: FC<Props> = memo(props => {
 
     return (
         <div className="panel panel-default group-details-panel">
-            <div className="panel-heading">{principal?.displayName ?? 'Group Details'}</div>
+            <h2 className="panel-heading">{principal?.displayName ?? 'Group Details'}</h2>
             <div className="panel-body">
                 {principal ? (
                     <>
diff --git a/packages/components/src/internal/components/samples/ManageSampleStatusesPanel.tsx b/packages/components/src/internal/components/samples/ManageSampleStatusesPanel.tsx
index d473ee30e5..c842b13cea 100644
--- a/packages/components/src/internal/components/samples/ManageSampleStatusesPanel.tsx
+++ b/packages/components/src/internal/components/samples/ManageSampleStatusesPanel.tsx
@@ -469,7 +469,7 @@ export const ManageSampleStatusesPanel: FC<ManageSampleStatusesPanelProps> = mem
 
     return (
         <div className="panel panel-default">
-            <div className="panel-heading">{TITLE}</div>
+            <h2 className="panel-heading">{TITLE}</h2>
             <div className="panel-body">
                 {error && <Alert>{error}</Alert>}
                 {!states && <LoadingSpinner />}
diff --git a/packages/components/src/internal/components/settings/ActiveUserLimit.tsx b/packages/components/src/internal/components/settings/ActiveUserLimit.tsx
index 262b00a60c..72270af256 100644
--- a/packages/components/src/internal/components/settings/ActiveUserLimit.tsx
+++ b/packages/components/src/internal/components/settings/ActiveUserLimit.tsx
@@ -53,7 +53,7 @@ export const ActiveUserLimit: FC<Props> = memo(props => {
 
     return (
         <div className="active-user-limit-panel panel panel-default">
-            <div className="panel-heading">Active Users</div>
+            <h2 className="panel-heading">Active Users</h2>
             <div className="panel-body">
                 <Alert>{error}</Alert>
                 {settings && (
diff --git a/packages/components/src/internal/components/settings/NameIdSettings.tsx b/packages/components/src/internal/components/settings/NameIdSettings.tsx
index 831fbcc884..56440194ca 100644
--- a/packages/components/src/internal/components/settings/NameIdSettings.tsx
+++ b/packages/components/src/internal/components/settings/NameIdSettings.tsx
@@ -280,7 +280,7 @@ export const NameIdSettingsForm: FC<NameIdSettingsFormProps> = props => {
 
     return (
         <div className="name-id-settings-panel panel panel-default">
-            <div className="panel-heading">{TITLE}</div>
+            <h2 className="panel-heading">{TITLE}</h2>
             <div className="panel-body">
                 {error !== undefined && <Alert className="name-id-setting__error">{error}</Alert>}
                 {prefixIneligibleSampleTypeNames.length > 0 && (
diff --git a/packages/components/src/internal/components/user/UserDetailsPanel.tsx b/packages/components/src/internal/components/user/UserDetailsPanel.tsx
index 6263a0c3a5..51b3e551cd 100644
--- a/packages/components/src/internal/components/user/UserDetailsPanel.tsx
+++ b/packages/components/src/internal/components/user/UserDetailsPanel.tsx
@@ -365,7 +365,7 @@ export const UserDetailsPanel: FC<Props> = props => {
 
     return (
         <div className="panel panel-default user-details-panel">
-            <div className="panel-heading">{renderHeader()}</div>
+            <h2 className="panel-heading">{renderHeader()}</h2>
             <div className="panel-body">
                 {renderBody()}
                 {!isSelfCtx && !isGroup && onUsersStateChangeComplete && renderButtons()}
diff --git a/packages/components/src/internal/components/user/__snapshots__/UserDetailHeader.test.tsx.snap b/packages/components/src/internal/components/user/__snapshots__/UserDetailHeader.test.tsx.snap
index cb47620f02..009c7f6f40 100644
--- a/packages/components/src/internal/components/user/__snapshots__/UserDetailHeader.test.tsx.snap
+++ b/packages/components/src/internal/components/user/__snapshots__/UserDetailHeader.test.tsx.snap
@@ -19,11 +19,11 @@ exports[`UserDetailHeader default properties 1`] = `
       <div
         class="detail__header-icon--body-container"
       >
-        <h2
+        <h1
           class="no-margin-top detail__header--name"
         >
           Title
-        </h2>
+        </h1>
       </div>
     </div>
     <div
@@ -55,11 +55,11 @@ exports[`UserDetailHeader optional properties 1`] = `
       <div
         class="detail__header-icon--body-container"
       >
-        <h2
+        <h1
           class="no-margin-top detail__header--name"
         >
           Title (Custom)
-        </h2>
+        </h1>
       </div>
     </div>
     <div
diff --git a/packages/components/src/internal/components/user/__snapshots__/UserDetailsPanel.test.tsx.snap b/packages/components/src/internal/components/user/__snapshots__/UserDetailsPanel.test.tsx.snap
index 490557db1b..8ab55d4f42 100644
--- a/packages/components/src/internal/components/user/__snapshots__/UserDetailsPanel.test.tsx.snap
+++ b/packages/components/src/internal/components/user/__snapshots__/UserDetailsPanel.test.tsx.snap
@@ -5,11 +5,11 @@ exports[`<UserDetailsPanel/> no principal 1`] = `
   <div
     class="panel panel-default user-details-panel"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       User Details
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -26,13 +26,13 @@ exports[`<UserDetailsPanel/> unknown user props 1`] = `
   <div
     class="panel panel-default user-details-panel"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <span>
         TestDisplayName
       </span>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -125,13 +125,13 @@ exports[`<UserDetailsPanel/> with principal and buttons 1`] = `
   <div
     class="panel panel-default user-details-panel"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <span>
         cnathe
       </span>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -224,13 +224,13 @@ exports[`<UserDetailsPanel/> with principal and buttons not allowDelete or allow
   <div
     class="panel panel-default user-details-panel"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <span>
         cnathe
       </span>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -316,7 +316,7 @@ exports[`<UserDetailsPanel/> with principal no buttons because of self 1`] = `
   <div
     class="panel panel-default user-details-panel"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <span>
@@ -327,7 +327,7 @@ exports[`<UserDetailsPanel/> with principal no buttons because of self 1`] = `
       >
         Active
       </span>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
@@ -544,13 +544,13 @@ exports[`<UserDetailsPanel/> with principal that isGroup 1`] = `
   <div
     class="panel panel-default user-details-panel"
   >
-    <div
+    <h2
       class="panel-heading"
     >
       <span>
         Test Group
       </span>
-    </div>
+    </h2>
     <div
       class="panel-body"
     >
diff --git a/packages/components/src/public/QueryModel/GridPanel.tsx b/packages/components/src/public/QueryModel/GridPanel.tsx
index b72ec7ef1b..a7a9803195 100644
--- a/packages/components/src/public/QueryModel/GridPanel.tsx
+++ b/packages/components/src/public/QueryModel/GridPanel.tsx
@@ -340,7 +340,7 @@ export const GridTitle: FC<GridTitleProps> = memo(props => {
     }
 
     return (
-        <div className="panel-heading view-header">
+        <h2 className="panel-heading view-header">
             {isEdited && allowViewCustomization && <span className="alert-info view-edit-alert">Edited</span>}
             {isUpdated && allowViewCustomization && <span className="alert-success view-edit-alert">Updated</span>}
             {displayTitle ?? 'Default View'}
@@ -366,7 +366,7 @@ export const GridTitle: FC<GridTitleProps> = memo(props => {
                 </SplitButton>
             )}
             {errorMsg && <span className="view-edit-error">{errorMsg}</span>}
-        </div>
+        </h2>
     );
 });
 
diff --git a/packages/components/src/public/QueryModel/TabbedGridPanel.tsx b/packages/components/src/public/QueryModel/TabbedGridPanel.tsx
index ef31a951a4..11975d1fdc 100644
--- a/packages/components/src/public/QueryModel/TabbedGridPanel.tsx
+++ b/packages/components/src/public/QueryModel/TabbedGridPanel.tsx
@@ -288,7 +288,7 @@ export const TabbedGridPanel: FC<TabbedGridPanelProps & InjectedQueryModels> = m
         <>
             {hasTabs && (
                 <div className={classNames('tabbed-grid-panel', { panel: asPanel, 'panel-default': asPanel })}>
-                    {asPanel && panelTitle && <div className="panel-heading">{panelTitle}</div>}
+                    {asPanel && panelTitle && <h2 className="panel-heading">{panelTitle}</h2>}
                     <div className={classNames('tabbed-grid-panel__body', { 'panel-body': asPanel })}>
                         <ul className="nav nav-tabs">
                             {tabOrder.map(modelId => {
diff --git a/packages/components/src/theme/app/app.scss b/packages/components/src/theme/app/app.scss
index f7bf6e1fd6..ba9847342b 100644
--- a/packages/components/src/theme/app/app.scss
+++ b/packages/components/src/theme/app/app.scss
@@ -23,6 +23,10 @@
   margin: 0 0 15px 0;
   padding: 0;
   border: 0;
+
+    & > h1 {
+        font-size: 30px;
+    }
 }
 
 .menu-section-icon {
diff --git a/packages/components/src/theme/detail.scss b/packages/components/src/theme/detail.scss
index b50aeba7a7..9d40e96152 100644
--- a/packages/components/src/theme/detail.scss
+++ b/packages/components/src/theme/detail.scss
@@ -52,6 +52,14 @@
   }
 }
 
+.detail-subtitle {
+    font-weight: 500;
+    font-size: 18px;
+    line-height: 1.1;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
 .detail-component__active {
   background: $brand-primary;
   color: $white;
@@ -196,6 +204,7 @@
 }
 
 .detail__header--name {
+    font-size: 30px;
     margin: 0;
     overflow-wrap: break-word;
 }
diff --git a/packages/components/src/theme/lineage.scss b/packages/components/src/theme/lineage.scss
index d3f8928967..5c22490999 100644
--- a/packages/components/src/theme/lineage.scss
+++ b/packages/components/src/theme/lineage.scss
@@ -47,6 +47,8 @@
 
 .lineage-name-data {
     display: inline;
+    font-size: 18px;
+    font-weight: 500;
 }
 
 .lineage-data-link {
diff --git a/packages/components/src/theme/panel.scss b/packages/components/src/theme/panel.scss
index 3bfee4c8a9..4b86a75c74 100644
--- a/packages/components/src/theme/panel.scss
+++ b/packages/components/src/theme/panel.scss
@@ -26,12 +26,18 @@
         .panel-content-title,
         .panel-content-title-medium {
             display: inline-block;
+            font-weight: normal;
             font-size: 18px;
+            margin-block-start: 0;
+            margin-block-end: 0;
         }
 
         .panel-content-title-large {
             display: inline-block;
+            font-weight: normal;
             font-size: 28px;
+            margin-block-start: 0;
+            margin-block-end: 0;
         }
 
         .panel-content-caption {
@@ -43,6 +49,10 @@
 .panel-default:not(.domain-form-panel) .panel-heading,
 .panel-info .panel-heading {
     font-size: 18px;
+    font-weight: normal;
+    margin-top: 0;
+    margin-bottom: 0;
+    line-height: 1.4;
 }
 .panel-default:not(.domain-form-panel) .panel-heading {
     background-color: $white;
@@ -51,6 +61,7 @@
     padding: 0;
 }
 
+
 // revert panel heading font-size for those within a tabbed-grid-panel
 .tabbed-grid-panel .panel-heading {
     font-size: 14px !important;

From d4ec16dc4b91f18d03c5856a397f12c7e596e811 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 1 May 2026 13:26:15 -0700
Subject: [PATCH 02/23] @labkey/components v7.33.4-pageStructure.0

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 09ac1a54fa..31c54e0203 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.3",
+  "version": "7.33.4-pageStructure.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.33.3",
+      "version": "7.33.4-pageStructure.0",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 7b5215e79c..fd7f935342 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.3",
+  "version": "7.33.4-pageStructure.0",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From 9f25affc0e72866ee1efefc1570dbc2d2479e0ff Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 1 May 2026 13:29:33 -0700
Subject: [PATCH 03/23] Missing label reference

---
 .../src/internal/components/assay/SpecialtyAssayPanel.tsx      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/internal/components/assay/SpecialtyAssayPanel.tsx b/packages/components/src/internal/components/assay/SpecialtyAssayPanel.tsx
index d38833aeb6..9e099e8bc8 100644
--- a/packages/components/src/internal/components/assay/SpecialtyAssayPanel.tsx
+++ b/packages/components/src/internal/components/assay/SpecialtyAssayPanel.tsx
@@ -54,11 +54,12 @@ export const SpecialtyAssayPanel: FC<SpecialtyAssayPanelProps> = memo(props => {
                 <div className="col-xs-6">
                     {selected && options?.length > 0 && (
                         <>
-                            <div className="margin-bottom">
+                            <div className="margin-bottom" id="specialty-assay-type-select-label">
                                 <b>Use Instrument-Specific Data Format</b>
                             </div>
                             <div className="margin-bottom">
                                 <select
+                                    aria-labelledby="specialty-assay-type-select-label"
                                     id="specialty-assay-type-select"
                                     value={selected.name}
                                     onChange={onSelectChange}

From c87353c5d9cb3896b6a6462100395e3dfc0c278a Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 1 May 2026 13:31:20 -0700
Subject: [PATCH 04/23] @labkey/components v7.33.4-pageStructure.1

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 31c54e0203..47a2de3b53 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.4-pageStructure.0",
+  "version": "7.33.4-pageStructure.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.33.4-pageStructure.0",
+      "version": "7.33.4-pageStructure.1",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index fd7f935342..c9f82cc03b 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.4-pageStructure.0",
+  "version": "7.33.4-pageStructure.1",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From ea359aa2841fe08eafd640f44b85487a63b5a672 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Mon, 4 May 2026 13:21:41 -0700
Subject: [PATCH 05/23] Add sr-only text for Selection checkbox table header

---
 packages/components/releaseNotes/components.md            | 1 +
 packages/components/src/internal/components/base/Grid.tsx | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/packages/components/releaseNotes/components.md b/packages/components/releaseNotes/components.md
index bc227a666c..7138ff208f 100644
--- a/packages/components/releaseNotes/components.md
+++ b/packages/components/releaseNotes/components.md
@@ -4,6 +4,7 @@ Components, models, actions, and utility functions for LabKey applications and p
 ### version TBD
 *Released*: TBD
 - Update heading tags in various page elements for better accessibility
+- Add sr-only text for Selection checkbox table header
 
 ### version 7.33.4
 *Released*: 3 May 2026
diff --git a/packages/components/src/internal/components/base/Grid.tsx b/packages/components/src/internal/components/base/Grid.tsx
index 88c1e3d031..b3578fc224 100644
--- a/packages/components/src/internal/components/base/Grid.tsx
+++ b/packages/components/src/internal/components/base/Grid.tsx
@@ -193,6 +193,9 @@ export class GridHeader extends PureComponent<GridHeaderProps, State> {
                                         onDrop={this.handleDrop}
                                         title={hideTooltip ? undefined : description}
                                     >
+                                        {column.index === '__selection__' && (
+                                            <span className="sr-only">Selection checkboxes</span>
+                                        )}
                                         {headerCell && headerCell(column, i, columns.size)}
                                         {!headerCell && (
                                             <div className={GRID_HEADER_CELL_BODY}>

From 7cb244241fa1406385e844b992e060a3f3834c9c Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Mon, 4 May 2026 16:12:37 -0700
Subject: [PATCH 06/23] @labkey/components v7.33.5-pageStructure.2

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index bc1a546ad0..0e35d7c369 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.5-pageStructure.1",
+  "version": "7.33.5-pageStructure.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.33.5-pageStructure.1",
+      "version": "7.33.5-pageStructure.2",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 20953e9837..61693c4381 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.5-pageStructure.1",
+  "version": "7.33.5-pageStructure.2",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From ec72349e48521ae421593ba0f59bcf40db5a4fc6 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 10:31:37 -0700
Subject: [PATCH 07/23] Update styling for panel-heading in panel

---
 packages/components/src/theme/panel.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/theme/panel.scss b/packages/components/src/theme/panel.scss
index 4b86a75c74..e340462e1d 100644
--- a/packages/components/src/theme/panel.scss
+++ b/packages/components/src/theme/panel.scss
@@ -47,7 +47,8 @@
 }
 
 .panel-default:not(.domain-form-panel) .panel-heading,
-.panel-info .panel-heading {
+.panel-info .panel-heading,
+.panel .panel-heading {
     font-size: 18px;
     font-weight: normal;
     margin-top: 0;

From c546c299b618abd47d07064fd2153a234ca922b6 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 10:34:08 -0700
Subject: [PATCH 08/23] @labkey/components v7.33.5-pageStructure.3

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 0e35d7c369..feed4239dd 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.5-pageStructure.2",
+  "version": "7.33.5-pageStructure.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.33.5-pageStructure.2",
+      "version": "7.33.5-pageStructure.3",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 61693c4381..0a0cdb7205 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.5-pageStructure.2",
+  "version": "7.33.5-pageStructure.3",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From 24a1ac21972b95298bb446c55d681461fe675c89 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 10:48:34 -0700
Subject: [PATCH 09/23] Revert restyling of panel-heading in panel

---
 packages/components/src/theme/panel.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/components/src/theme/panel.scss b/packages/components/src/theme/panel.scss
index e340462e1d..4b86a75c74 100644
--- a/packages/components/src/theme/panel.scss
+++ b/packages/components/src/theme/panel.scss
@@ -47,8 +47,7 @@
 }
 
 .panel-default:not(.domain-form-panel) .panel-heading,
-.panel-info .panel-heading,
-.panel .panel-heading {
+.panel-info .panel-heading {
     font-size: 18px;
     font-weight: normal;
     margin-top: 0;

From c9a11a1ff6f07912b587c58e5e5bbdf9f6de95af Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 11:11:58 -0700
Subject: [PATCH 10/23] @labkey/components v7.33.5-pageStructure.4

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index feed4239dd..5f4584bfb5 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.5-pageStructure.3",
+  "version": "7.33.5-pageStructure.4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.33.5-pageStructure.3",
+      "version": "7.33.5-pageStructure.4",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 0a0cdb7205..1380527633 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.33.5-pageStructure.3",
+  "version": "7.33.5-pageStructure.4",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From 79dadd445ad82b80777661baa970f6011543bbc5 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 15:29:12 -0700
Subject: [PATCH 11/23] Add section-heading class for biologics settings
 sequence setting panel

---
 .../src/internal/components/lineage/node/DetailsList.tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/internal/components/lineage/node/DetailsList.tsx b/packages/components/src/internal/components/lineage/node/DetailsList.tsx
index fe6b404193..0dfeab4123 100644
--- a/packages/components/src/internal/components/lineage/node/DetailsList.tsx
+++ b/packages/components/src/internal/components/lineage/node/DetailsList.tsx
@@ -32,7 +32,7 @@ export const DetailsList: FC<DetailsListProps> = memo(props => {
     return (
         <details data-testid="details-list" open={open}>
             <summary className="lineage-name">
-                <h6 className="no-margin-bottom">
+                <div className="no-margin-bottom heading6">
                     {title}
                     {showCount && <span className="spacer-left">({React.Children.count(children)})</span>}
                     {headerLinks &&
@@ -44,7 +44,7 @@ export const DetailsList: FC<DetailsListProps> = memo(props => {
                                     </span>
                                 )
                         )}
-                </h6>
+                </div>
             </summary>
             <ul className="lineage-details-list">
                 {React.Children.map(children, (child, i) => {

From debc544bd82db5b28c11906f0bebc8eb08977446 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 15:29:19 -0700
Subject: [PATCH 12/23] Add section-heading class for biologics settings
 sequence setting panel

---
 packages/components/src/theme/panel.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/components/src/theme/panel.scss b/packages/components/src/theme/panel.scss
index 4b86a75c74..060c39d07c 100644
--- a/packages/components/src/theme/panel.scss
+++ b/packages/components/src/theme/panel.scss
@@ -60,6 +60,12 @@
     margin: 15px 15px 0 15px;
     padding: 0;
 }
+.section-heading {
+    font-size: 18px;
+    font-weight: 500;
+    margin-bottom: 10px;
+    margin-top: 3px;
+}
 
 
 // revert panel heading font-size for those within a tabbed-grid-panel

From 9bf8e537bba3156210c972e0069d0a5aa66ece21 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Tue, 5 May 2026 15:48:31 -0700
Subject: [PATCH 13/23] Adjust styling for app-page-header__subtitle to use div
 instead of h4

---
 packages/components/src/theme/detail.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/components/src/theme/detail.scss b/packages/components/src/theme/detail.scss
index 9d40e96152..b899939447 100644
--- a/packages/components/src/theme/detail.scss
+++ b/packages/components/src/theme/detail.scss
@@ -52,6 +52,7 @@
   }
 }
 
+.app-page-header__subtitle,
 .detail-subtitle {
     font-weight: 500;
     font-size: 18px;

From bc801a8247f95bc27c7aa92459b9e5f332fc71f0 Mon Sep 17 00:00:00 2001
From: cnathe <cnathe@labkey.com>
Date: Wed, 6 May 2026 10:01:27 -0500
Subject: [PATCH 14/23] Field designer header updates to use h2 and h3
 (CollapsiblePanelHeader.tsx and SectionHeading.tsx)

---
 .../domainproperties/CollapsiblePanelHeader.tsx        |  2 +-
 .../components/domainproperties/SectionHeading.tsx     |  4 ++--
 packages/components/src/theme/domainproperties.scss    | 10 ++++++++++
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/internal/components/domainproperties/CollapsiblePanelHeader.tsx b/packages/components/src/internal/components/domainproperties/CollapsiblePanelHeader.tsx
index 59734dfaf7..1b439693ac 100644
--- a/packages/components/src/internal/components/domainproperties/CollapsiblePanelHeader.tsx
+++ b/packages/components/src/internal/components/domainproperties/CollapsiblePanelHeader.tsx
@@ -104,7 +104,7 @@ export class CollapsiblePanelHeader extends React.PureComponent<Props> {
                 {panelStatus && panelStatus !== 'NONE' && !iconHelpMsg && this.getHeaderIconComponent()}
 
                 {/* Header name*/}
-                <span className="domain-panel-title">{this.getTitlePrefix() + title}</span>
+                <h2 className="domain-panel-title">{this.getTitlePrefix() + title}</h2>
 
                 {/* Expand/Collapse Icon*/}
                 {(controlledCollapse || collapsible) && (
diff --git a/packages/components/src/internal/components/domainproperties/SectionHeading.tsx b/packages/components/src/internal/components/domainproperties/SectionHeading.tsx
index cd0044cd1b..328b7c8d36 100644
--- a/packages/components/src/internal/components/domainproperties/SectionHeading.tsx
+++ b/packages/components/src/internal/components/domainproperties/SectionHeading.tsx
@@ -10,10 +10,10 @@ interface Props {
 }
 
 export const SectionHeading: FC<Props> = memo(props => (
-    <div className={'domain-field-section-heading' + (props.cls ? ' ' + props.cls : '')} id={props.id}>
+    <h3 className={'domain-field-section-heading' + (props.cls ? ' ' + props.cls : '')} id={props.id}>
         {props.title}
         {props.helpTipBody && <LabelHelpTip title={props.title}>{props.helpTipBody}</LabelHelpTip>}
-    </div>
+    </h3>
 ));
 
 SectionHeading.displayName = 'SectionHeading';
diff --git a/packages/components/src/theme/domainproperties.scss b/packages/components/src/theme/domainproperties.scss
index 7baa8de4d1..4c1d133a9f 100644
--- a/packages/components/src/theme/domainproperties.scss
+++ b/packages/components/src/theme/domainproperties.scss
@@ -315,9 +315,19 @@
   color: white;
 }
 
+.domain-panel-title {
+    display: inline;
+    font-weight: 700;
+    font-size: 16px;
+    margin: 0;
+}
+
 .domain-field-section-heading {
   color: $gray-dark;
   font-weight: bold;
+  font-size: 14px;
+  line-height: 20px;
+  margin: 0;
 }
 
 .domain-field-padding-top {

From 7ed5bebfc2187f1e22b4df38e0d91715a8b74aa9 Mon Sep 17 00:00:00 2001
From: cnathe <cnathe@labkey.com>
Date: Wed, 6 May 2026 10:02:33 -0500
Subject: [PATCH 15/23] Field designer header updates to jest tests to match

---
 .../CollapsiblePanelHeader.test.tsx.snap      | 24 +++----
 ...ionalFormattingAndValidation.test.tsx.snap | 12 ++--
 .../FileAttachmentOptions.test.tsx.snap       |  8 +--
 .../NameAndLinkingOptions.test.tsx.snap       |  4 +-
 .../NumericFieldOptions.test.tsx.snap         |  4 +-
 .../SectionHeading.test.tsx.snap              |  8 +--
 ...IssuesListDefPropertiesPanel.test.tsx.snap | 24 +++----
 .../ListPropertiesPanel.test.tsx.snap         | 72 +++++++++----------
 ...tPropertiesPanelFormElements.test.tsx.snap | 16 ++---
 .../SampleTypePropertiesPanel.test.tsx.snap   | 64 ++++++++---------
 10 files changed, 118 insertions(+), 118 deletions(-)

diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/CollapsiblePanelHeader.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/CollapsiblePanelHeader.test.tsx.snap
index 19ab69115d..c7e3e57757 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/CollapsiblePanelHeader.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/CollapsiblePanelHeader.test.tsx.snap
@@ -13,11 +13,11 @@ exports[`<CollapsiblePanelHeader/> custom properties 1`] = `
         class="fa fa-check-circle"
       />
     </span>
-    <span
+    <h2
       class="domain-panel-title"
     >
       Test Prefix - Test Title
-    </span>
+    </h2>
     <span
       class="pull-right"
     >
@@ -40,11 +40,11 @@ exports[`<CollapsiblePanelHeader/> default properties 1`] = `
     class="domain-panel-header panel-heading domain-heading-collapsible domain-panel-header-collapsed"
     id="test-id"
   >
-    <span
+    <h2
       class="domain-panel-title"
     >
       Test Title
-    </span>
+    </h2>
     <span
       class="pull-right"
     >
@@ -69,11 +69,11 @@ exports[`<CollapsiblePanelHeader/> invalid, iconHelpMsg, and expanded 1`] = `
         class="fa fa-check-circle"
       />
     </span>
-    <span
+    <h2
       class="domain-panel-title"
     >
       Test Title
-    </span>
+    </h2>
     <span
       class="pull-right"
     >
@@ -91,11 +91,11 @@ exports[`<CollapsiblePanelHeader/> not collapsible 1`] = `
     class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
     id="test-id"
   >
-    <span
+    <h2
       class="domain-panel-title"
     >
       Test Title
-    </span>
+    </h2>
   </div>
 </div>
 `;
@@ -113,11 +113,11 @@ exports[`<CollapsiblePanelHeader/> not controlledCollapse 1`] = `
         class="fa fa-check-circle"
       />
     </span>
-    <span
+    <h2
       class="domain-panel-title"
     >
       Test Title
-    </span>
+    </h2>
   </div>
 </div>
 `;
@@ -143,11 +143,11 @@ exports[`<CollapsiblePanelHeader/> panelStatus TODO and help tip 1`] = `
         </span>
       </span>
     </div>
-    <span
+    <h2
       class="domain-panel-title"
     >
       Test Title
-    </span>
+    </h2>
     <span
       class="pull-right"
     >
diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/ConditionalFormattingAndValidation.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/ConditionalFormattingAndValidation.test.tsx.snap
index 7b48721a72..522e94670b 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/ConditionalFormattingAndValidation.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/ConditionalFormattingAndValidation.test.tsx.snap
@@ -9,11 +9,11 @@ exports[`ConditionalFormattingAndValidation Multiple validators or formats, cond
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading domain-field-section-hdr"
         >
           Conditional Formatting and Validation Options
-        </div>
+        </h3>
       </div>
     </div>
     <div
@@ -121,11 +121,11 @@ exports[`ConditionalFormattingAndValidation No validators 1`] = `
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading domain-field-section-hdr"
         >
           Conditional Formatting Options
-        </div>
+        </h3>
       </div>
     </div>
     <div
@@ -191,11 +191,11 @@ exports[`ConditionalFormattingAndValidation string field 1`] = `
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading domain-field-section-hdr"
         >
           Conditional Formatting and Validation Options
-        </div>
+        </h3>
       </div>
     </div>
     <div
diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/FileAttachmentOptions.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/FileAttachmentOptions.test.tsx.snap
index 6a5876b0b6..c91695cd43 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/FileAttachmentOptions.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/FileAttachmentOptions.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`FileAttachmentOptions Attachment data type download 1`] = `
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading"
         >
           Attachment Behavior
@@ -24,7 +24,7 @@ exports[`FileAttachmentOptions Attachment data type download 1`] = `
               />
             </span>
           </div>
-        </div>
+        </h3>
       </div>
     </div>
     <div
@@ -64,7 +64,7 @@ exports[`FileAttachmentOptions File data type inline 1`] = `
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading"
         >
           File Behavior
@@ -79,7 +79,7 @@ exports[`FileAttachmentOptions File data type inline 1`] = `
               />
             </span>
           </div>
-        </div>
+        </h3>
       </div>
     </div>
     <div
diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/NameAndLinkingOptions.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/NameAndLinkingOptions.test.tsx.snap
index 39079447ff..de6636d266 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/NameAndLinkingOptions.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/NameAndLinkingOptions.test.tsx.snap
@@ -9,11 +9,11 @@ exports[`NameAndLinkingOptions Name and Linking options 1`] = `
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading domain-field-section-hdr"
         >
           Name and Linking Options
-        </div>
+        </h3>
       </div>
     </div>
     <div
diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/NumericFieldOptions.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/NumericFieldOptions.test.tsx.snap
index ba269ce358..24a9dfb788 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/NumericFieldOptions.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/NumericFieldOptions.test.tsx.snap
@@ -9,11 +9,11 @@ exports[`NumericFieldOptions Numeric data type 1`] = `
       <div
         class="col-xs-12"
       >
-        <div
+        <h3
           class="domain-field-section-heading"
         >
           Numeric Field Options
-        </div>
+        </h3>
       </div>
     </div>
     <div
diff --git a/packages/components/src/internal/components/domainproperties/__snapshots__/SectionHeading.test.tsx.snap b/packages/components/src/internal/components/domainproperties/__snapshots__/SectionHeading.test.tsx.snap
index 1a9893734b..613d1fe148 100644
--- a/packages/components/src/internal/components/domainproperties/__snapshots__/SectionHeading.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/__snapshots__/SectionHeading.test.tsx.snap
@@ -2,20 +2,20 @@
 
 exports[`<SectionHeading/> title and cls 1`] = `
 <div>
-  <div
+  <h3
     class="domain-field-section-heading section-heading-cls"
   >
     Section Heading Title
-  </div>
+  </h3>
 </div>
 `;
 
 exports[`<SectionHeading/> title only 1`] = `
 <div>
-  <div
+  <h3
     class="domain-field-section-heading"
   >
     Section Heading Title
-  </div>
+  </h3>
 </div>
 `;
diff --git a/packages/components/src/internal/components/domainproperties/issues/__snapshots__/IssuesListDefPropertiesPanel.test.tsx.snap b/packages/components/src/internal/components/domainproperties/issues/__snapshots__/IssuesListDefPropertiesPanel.test.tsx.snap
index 5d3307e2b0..74f9549c0c 100644
--- a/packages/components/src/internal/components/domainproperties/issues/__snapshots__/IssuesListDefPropertiesPanel.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/issues/__snapshots__/IssuesListDefPropertiesPanel.test.tsx.snap
@@ -12,11 +12,11 @@ exports[`IssuesListDefPropertiesPanel new Issue Def 1`] = `
           class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
           id="issues-properties-hdr"
         >
-          <span
+          <h2
             class="domain-panel-title"
           >
             Issues List For Jest - Issues List Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -53,11 +53,11 @@ exports[`IssuesListDefPropertiesPanel new Issue Def 1`] = `
                 class="domain-field-padding-bottom"
               >
                 <div>
-                  <div
+                  <h3
                     class="domain-field-section-heading"
                   >
                     Basic Properties
-                  </div>
+                  </h3>
                   <div
                     class="row margin-top"
                   >
@@ -264,11 +264,11 @@ exports[`IssuesListDefPropertiesPanel new Issue Def 1`] = `
             <div
               class="col-xs-12 col-md-6"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Assignment Options
-              </div>
+              </h3>
               <div
                 class="row margin-top"
               >
@@ -436,11 +436,11 @@ exports[`IssuesListDefPropertiesPanel new Issue Def 1`] = `
         class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
         id="issues-properties-hdr"
       >
-        <span
+        <h2
           class="domain-panel-title"
         >
           Issues List For Jest - Issues List Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -477,11 +477,11 @@ exports[`IssuesListDefPropertiesPanel new Issue Def 1`] = `
               class="domain-field-padding-bottom"
             >
               <div>
-                <div
+                <h3
                   class="domain-field-section-heading"
                 >
                   Basic Properties
-                </div>
+                </h3>
                 <div
                   class="row margin-top"
                 >
@@ -688,11 +688,11 @@ exports[`IssuesListDefPropertiesPanel new Issue Def 1`] = `
           <div
             class="col-xs-12 col-md-6"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Assignment Options
-            </div>
+            </h3>
             <div
               class="row margin-top"
             >
diff --git a/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanel.test.tsx.snap b/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanel.test.tsx.snap
index 2069e83caa..2838f38fa1 100644
--- a/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanel.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanel.test.tsx.snap
@@ -19,11 +19,11 @@ exports[`ListPropertiesPanel existing list 1`] = `
               class="fa fa-check-circle"
             />
           </span>
-          <span
+          <h2
             class="domain-panel-title"
           >
             NIMHDemographics - List Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -56,11 +56,11 @@ exports[`ListPropertiesPanel existing list 1`] = `
             <div
               class="col-xs-12 col-md-7"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Basic Properties
-              </div>
+              </h3>
               <div
                 class="row margin-top"
               >
@@ -129,11 +129,11 @@ exports[`ListPropertiesPanel existing list 1`] = `
             <div
               class="col-xs-12 col-md-3"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Allow these Actions
-              </div>
+              </h3>
               <div
                 class="list__properties__allowable-actions"
               >
@@ -215,11 +215,11 @@ exports[`ListPropertiesPanel existing list 1`] = `
             class="fa fa-check-circle"
           />
         </span>
-        <span
+        <h2
           class="domain-panel-title"
         >
           NIMHDemographics - List Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -252,11 +252,11 @@ exports[`ListPropertiesPanel existing list 1`] = `
           <div
             class="col-xs-12 col-md-7"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Basic Properties
-            </div>
+            </h3>
             <div
               class="row margin-top"
             >
@@ -325,11 +325,11 @@ exports[`ListPropertiesPanel existing list 1`] = `
           <div
             class="col-xs-12 col-md-3"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Allow these Actions
-            </div>
+            </h3>
             <div
               class="list__properties__allowable-actions"
             >
@@ -471,11 +471,11 @@ exports[`ListPropertiesPanel list with error 1`] = `
               </span>
             </span>
           </div>
-          <span
+          <h2
             class="domain-panel-title"
           >
             NIMHDemographics - List Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -508,11 +508,11 @@ exports[`ListPropertiesPanel list with error 1`] = `
             <div
               class="col-xs-12 col-md-7"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Basic Properties
-              </div>
+              </h3>
               <div
                 class="row margin-top"
               >
@@ -581,11 +581,11 @@ exports[`ListPropertiesPanel list with error 1`] = `
             <div
               class="col-xs-12 col-md-3"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Allow these Actions
-              </div>
+              </h3>
               <div
                 class="list__properties__allowable-actions"
               >
@@ -680,11 +680,11 @@ exports[`ListPropertiesPanel list with error 1`] = `
             </span>
           </span>
         </div>
-        <span
+        <h2
           class="domain-panel-title"
         >
           NIMHDemographics - List Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -717,11 +717,11 @@ exports[`ListPropertiesPanel list with error 1`] = `
           <div
             class="col-xs-12 col-md-7"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Basic Properties
-            </div>
+            </h3>
             <div
               class="row margin-top"
             >
@@ -790,11 +790,11 @@ exports[`ListPropertiesPanel list with error 1`] = `
           <div
             class="col-xs-12 col-md-3"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Allow these Actions
-            </div>
+            </h3>
             <div
               class="list__properties__allowable-actions"
             >
@@ -921,11 +921,11 @@ exports[`ListPropertiesPanel new list 1`] = `
           class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
           id="list-properties-hdr"
         >
-          <span
+          <h2
             class="domain-panel-title"
           >
             List Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -958,11 +958,11 @@ exports[`ListPropertiesPanel new list 1`] = `
             <div
               class="col-xs-12 col-md-7"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Basic Properties
-              </div>
+              </h3>
               <div
                 class="row margin-top"
               >
@@ -1031,11 +1031,11 @@ exports[`ListPropertiesPanel new list 1`] = `
             <div
               class="col-xs-12 col-md-3"
             >
-              <div
+              <h3
                 class="domain-field-section-heading"
               >
                 Allow these Actions
-              </div>
+              </h3>
               <div
                 class="list__properties__allowable-actions"
               >
@@ -1110,11 +1110,11 @@ exports[`ListPropertiesPanel new list 1`] = `
         class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
         id="list-properties-hdr"
       >
-        <span
+        <h2
           class="domain-panel-title"
         >
           List Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -1147,11 +1147,11 @@ exports[`ListPropertiesPanel new list 1`] = `
           <div
             class="col-xs-12 col-md-7"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Basic Properties
-            </div>
+            </h3>
             <div
               class="row margin-top"
             >
@@ -1220,11 +1220,11 @@ exports[`ListPropertiesPanel new list 1`] = `
           <div
             class="col-xs-12 col-md-3"
           >
-            <div
+            <h3
               class="domain-field-section-heading"
             >
               Allow these Actions
-            </div>
+            </h3>
             <div
               class="list__properties__allowable-actions"
             >
diff --git a/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanelFormElements.test.tsx.snap b/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanelFormElements.test.tsx.snap
index 501fe58903..167083045b 100644
--- a/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanelFormElements.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/list/__snapshots__/ListPropertiesPanelFormElements.test.tsx.snap
@@ -5,11 +5,11 @@ exports[`AllowableActions existing list, existing properties 1`] = `
   <div
     class="col-xs-12 col-md-3"
   >
-    <div
+    <h3
       class="domain-field-section-heading"
     >
       Allow these Actions
-    </div>
+    </h3>
     <div
       class="list__properties__allowable-actions"
     >
@@ -68,11 +68,11 @@ exports[`AllowableActions new list, default properties 1`] = `
   <div
     class="col-xs-12 col-md-3"
   >
-    <div
+    <h3
       class="domain-field-section-heading"
     >
       Allow these Actions
-    </div>
+    </h3>
     <div
       class="list__properties__allowable-actions"
     >
@@ -131,11 +131,11 @@ exports[`BasicPropertiesFields existing list, existing properties 1`] = `
   <div
     class="col-xs-12 col-md-7"
   >
-    <div
+    <h3
       class="domain-field-section-heading"
     >
       Basic Properties
-    </div>
+    </h3>
     <div
       class="row margin-top"
     >
@@ -209,11 +209,11 @@ exports[`BasicPropertiesFields new list, default properties 1`] = `
   <div
     class="col-xs-12 col-md-7"
   >
-    <div
+    <h3
       class="domain-field-section-heading"
     >
       Basic Properties
-    </div>
+    </h3>
     <div
       class="row margin-top"
     >
diff --git a/packages/components/src/internal/components/domainproperties/samples/__snapshots__/SampleTypePropertiesPanel.test.tsx.snap b/packages/components/src/internal/components/domainproperties/samples/__snapshots__/SampleTypePropertiesPanel.test.tsx.snap
index 98aca0b420..d72a656ef7 100644
--- a/packages/components/src/internal/components/domainproperties/samples/__snapshots__/SampleTypePropertiesPanel.test.tsx.snap
+++ b/packages/components/src/internal/components/domainproperties/samples/__snapshots__/SampleTypePropertiesPanel.test.tsx.snap
@@ -12,11 +12,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
           class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
           id="sample-type-properties-hdr"
         >
-          <span
+          <h2
             class="domain-panel-title"
           >
             Sample Type Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -45,11 +45,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
               </div>
             </div>
           </div>
-          <div
+          <h3
             class="domain-field-section-heading"
           >
             General Properties
-          </div>
+          </h3>
           <form>
             <div
               class="row margin-bottom margin-top"
@@ -166,11 +166,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
               </div>
             </div>
           </form>
-          <div
+          <h3
             class="domain-field-section-heading top-padding bottom-padding"
           >
             Lineage Settings
-          </div>
+          </h3>
           <div
             class="row"
           >
@@ -199,11 +199,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
               </span>
             </div>
           </div>
-          <div
+          <h3
             class="domain-field-section-heading top-padding"
           >
             Storage Settings
-          </div>
+          </h3>
           <div
             class="row margin-top"
           >
@@ -293,11 +293,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
         class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
         id="sample-type-properties-hdr"
       >
-        <span
+        <h2
           class="domain-panel-title"
         >
           Sample Type Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -326,11 +326,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
             </div>
           </div>
         </div>
-        <div
+        <h3
           class="domain-field-section-heading"
         >
           General Properties
-        </div>
+        </h3>
         <form>
           <div
             class="row margin-bottom margin-top"
@@ -447,11 +447,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
             </div>
           </div>
         </form>
-        <div
+        <h3
           class="domain-field-section-heading top-padding bottom-padding"
         >
           Lineage Settings
-        </div>
+        </h3>
         <div
           class="row"
         >
@@ -480,11 +480,11 @@ exports[`SampleTypePropertiesPanel appPropertiesOnly 1`] = `
             </span>
           </div>
         </div>
-        <div
+        <h3
           class="domain-field-section-heading top-padding"
         >
           Storage Settings
-        </div>
+        </h3>
         <div
           class="row margin-top"
         >
@@ -616,11 +616,11 @@ exports[`SampleTypePropertiesPanel default props 1`] = `
           class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
           id="sample-type-properties-hdr"
         >
-          <span
+          <h2
             class="domain-panel-title"
           >
             Sample Type Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -765,11 +765,11 @@ exports[`SampleTypePropertiesPanel default props 1`] = `
               </div>
             </div>
           </form>
-          <div
+          <h3
             class="domain-field-section-heading top-padding bottom-padding"
           >
             Lineage Settings
-          </div>
+          </h3>
           <div
             class="row"
           >
@@ -830,11 +830,11 @@ exports[`SampleTypePropertiesPanel default props 1`] = `
         class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
         id="sample-type-properties-hdr"
       >
-        <span
+        <h2
           class="domain-panel-title"
         >
           Sample Type Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -979,11 +979,11 @@ exports[`SampleTypePropertiesPanel default props 1`] = `
             </div>
           </div>
         </form>
-        <div
+        <h3
           class="domain-field-section-heading top-padding bottom-padding"
         >
           Lineage Settings
-        </div>
+        </h3>
         <div
           class="row"
         >
@@ -1091,11 +1091,11 @@ exports[`SampleTypePropertiesPanel include dataclass and use custom labels 1`] =
           class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
           id="sample-type-properties-hdr"
         >
-          <span
+          <h2
             class="domain-panel-title"
           >
             Sample Type Properties
-          </span>
+          </h2>
         </div>
         <div
           class="panel-body"
@@ -1240,11 +1240,11 @@ exports[`SampleTypePropertiesPanel include dataclass and use custom labels 1`] =
               </div>
             </div>
           </form>
-          <div
+          <h3
             class="domain-field-section-heading top-padding bottom-padding"
           >
             Lineage Settings
-          </div>
+          </h3>
           <div
             class="row"
           >
@@ -1333,11 +1333,11 @@ exports[`SampleTypePropertiesPanel include dataclass and use custom labels 1`] =
         class="domain-panel-header panel-heading domain-panel-header-expanded domain-panel-header-no-theme"
         id="sample-type-properties-hdr"
       >
-        <span
+        <h2
           class="domain-panel-title"
         >
           Sample Type Properties
-        </span>
+        </h2>
       </div>
       <div
         class="panel-body"
@@ -1482,11 +1482,11 @@ exports[`SampleTypePropertiesPanel include dataclass and use custom labels 1`] =
             </div>
           </div>
         </form>
-        <div
+        <h3
           class="domain-field-section-heading top-padding bottom-padding"
         >
           Lineage Settings
-        </div>
+        </h3>
         <div
           class="row"
         >

From 6148c0415df8870e8d16047ef2bd1f361602fd0f Mon Sep 17 00:00:00 2001
From: cnathe <cnathe@labkey.com>
Date: Wed, 6 May 2026 10:05:56 -0500
Subject: [PATCH 16/23] 7.34.1-pageStructure.6

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 4726ffc60d..e9c5b99dad 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.34.1-pageStructure.5",
+  "version": "7.34.1-pageStructure.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.34.1-pageStructure.5",
+      "version": "7.34.1-pageStructure.6",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 8529867bdb..f09ddb7286 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.34.1-pageStructure.5",
+  "version": "7.34.1-pageStructure.6",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From 1a758d9ad8c1b792298802345e8f9eeea084a155 Mon Sep 17 00:00:00 2001
From: cnathe <cnathe@labkey.com>
Date: Wed, 6 May 2026 17:21:50 -0500
Subject: [PATCH 17/23] Another round of color contrast changes / updates

---
 .../src/internal/components/forms/input/SelectInput.tsx       | 2 +-
 packages/components/src/theme/app/app.scss                    | 4 ++++
 packages/components/src/theme/app/variables.scss              | 3 ++-
 packages/components/src/theme/detail.scss                     | 2 +-
 packages/components/src/theme/domainproperties.scss           | 4 ++--
 packages/components/src/theme/filter.scss                     | 2 +-
 packages/components/src/theme/navbar.scss                     | 4 ++--
 packages/components/src/theme/notification.scss               | 2 +-
 packages/components/src/theme/tabs.scss                       | 2 +-
 packages/components/src/theme/utils.scss                      | 2 +-
 packages/components/src/theme/variables.scss                  | 3 ++-
 11 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/packages/components/src/internal/components/forms/input/SelectInput.tsx b/packages/components/src/internal/components/forms/input/SelectInput.tsx
index ad15ed3105..9e20e140b9 100644
--- a/packages/components/src/internal/components/forms/input/SelectInput.tsx
+++ b/packages/components/src/internal/components/forms/input/SelectInput.tsx
@@ -92,7 +92,7 @@ const _customStyles = {
         if (props.isDisabled) {
             return { ...styles, color: '#8E8E8E' };
         }
-        return styles;
+        return { ...styles, color: '#767676' };
     },
 };
 
diff --git a/packages/components/src/theme/app/app.scss b/packages/components/src/theme/app/app.scss
index ba9847342b..0c76351781 100644
--- a/packages/components/src/theme/app/app.scss
+++ b/packages/components/src/theme/app/app.scss
@@ -32,3 +32,7 @@
 .menu-section-icon {
   color: color.adjust($brand-primary, $lightness: 10%);
 }
+
+.text-muted {
+    color: $text-muted;
+}
diff --git a/packages/components/src/theme/app/variables.scss b/packages/components/src/theme/app/variables.scss
index b98a37ac40..b3a0c4cdba 100644
--- a/packages/components/src/theme/app/variables.scss
+++ b/packages/components/src/theme/app/variables.scss
@@ -11,9 +11,10 @@ $brand-primary: #2679AD;
 $brand-secondary: #116596;
 $brand-danger:    #D43F3A;
 $brand-warning:   #f0ad4e;
-$brand-success: #5AA54A;
+$brand-success: #238722;
 $link-color: #0F72C2;
 $cyan: #33e0ff;
+$text-muted: #767676;
 
 //== Scaffolding
 $body-bg:               #f3f3f4 !default;
diff --git a/packages/components/src/theme/detail.scss b/packages/components/src/theme/detail.scss
index 9e48008fcb..9fd6fb364f 100644
--- a/packages/components/src/theme/detail.scss
+++ b/packages/components/src/theme/detail.scss
@@ -198,7 +198,7 @@
 }
 
 .detail__header--desc {
-  color: grey;
+  color: $text-color-light;
   font-style: $font-size-small;
   margin-bottom: 3px;
   white-space: pre-wrap;
diff --git a/packages/components/src/theme/domainproperties.scss b/packages/components/src/theme/domainproperties.scss
index 4c1d133a9f..b5e4b48add 100644
--- a/packages/components/src/theme/domainproperties.scss
+++ b/packages/components/src/theme/domainproperties.scss
@@ -689,11 +689,11 @@
 }
 
 .domain-panel-header-no-theme {
-  background-color: $blue-border-solid !important;
+  background-color: $brand-primary !important;
 }
 
 .domain-panel-no-theme {
-  border-color: $blue-border-solid !important;
+  border-color: $brand-primary !important;
 }
 
 .domain-panel-header-collapsed {
diff --git a/packages/components/src/theme/filter.scss b/packages/components/src/theme/filter.scss
index 304878d6a3..d252490b5b 100644
--- a/packages/components/src/theme/filter.scss
+++ b/packages/components/src/theme/filter.scss
@@ -84,7 +84,7 @@
         }
         .disabled-action-text {
             font-size: 14px;
-            color: $light-gray;
+            color: $text-muted;
         }
     }
 
diff --git a/packages/components/src/theme/navbar.scss b/packages/components/src/theme/navbar.scss
index d9d947eee5..3eb0724354 100644
--- a/packages/components/src/theme/navbar.scss
+++ b/packages/components/src/theme/navbar.scss
@@ -477,7 +477,7 @@
 
     li {
       a {
-        color: $blue-highlight !important;
+        color: $link-color !important;
         font-size: 14px;
         padding: 8px 10px 8px 0;
         white-space: nowrap;
@@ -501,7 +501,7 @@
   .navbar-nav {
       li {
           a {
-              color: $blue-highlight;
+              color: $link-color;
           }
       }
   }
diff --git a/packages/components/src/theme/notification.scss b/packages/components/src/theme/notification.scss
index 661df66b0f..baabfb887f 100644
--- a/packages/components/src/theme/notification.scss
+++ b/packages/components/src/theme/notification.scss
@@ -66,7 +66,7 @@
 }
 
 .server-notification-data {
-    color: $text-color-light;
+    color: $text-muted;
     max-width: 200px;
     text-overflow: ellipsis;
     overflow: hidden;
diff --git a/packages/components/src/theme/tabs.scss b/packages/components/src/theme/tabs.scss
index b9509f5687..1f52bf9abe 100644
--- a/packages/components/src/theme/tabs.scss
+++ b/packages/components/src/theme/tabs.scss
@@ -13,7 +13,7 @@
             & > a {
                 background-color: inherit;
                 border: 3px solid transparent;
-                color: $blue-highlight;
+                color: $link-color;
                 font-weight: bold;
                 text-align: center;
                 text-transform: uppercase;
diff --git a/packages/components/src/theme/utils.scss b/packages/components/src/theme/utils.scss
index aceeaadcf5..c7616336dc 100644
--- a/packages/components/src/theme/utils.scss
+++ b/packages/components/src/theme/utils.scss
@@ -160,7 +160,7 @@
 }
 
 .display-light {
-    color: darkgray
+    color: $text-muted;
 }
 
 .as-primary-color {
diff --git a/packages/components/src/theme/variables.scss b/packages/components/src/theme/variables.scss
index 4a1ed49b4f..8ddf6885d4 100644
--- a/packages/components/src/theme/variables.scss
+++ b/packages/components/src/theme/variables.scss
@@ -4,7 +4,7 @@ $brand-primary: #2679AD;
 $brand-secondary: #116596;
 $brand-danger:    #D43F3A;
 $brand-warning:   #f0ad4e;
-$brand-success: #5AA54A;
+$brand-success: #238722;
 
 $light-gray: #d3d3d3;
 $white: #fff;
@@ -28,6 +28,7 @@ $blue-icon-background: #CCE5FF;
 $blue-dark:   #1e4f6f;
 $text-color-gray:   #9d9d9d;
 $text-color-light:   #6B6B6B;
+$text-muted: #767676;
 
 $text-color:            $gray-dark !default;
 $link-color: #0F72C2;

From 93b335483ea868d3d5c7301ec00e2a7318f55737 Mon Sep 17 00:00:00 2001
From: cnathe <cnathe@labkey.com>
Date: Wed, 6 May 2026 17:23:18 -0500
Subject: [PATCH 18/23] 7.34.1-pageStructure.7

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index e9c5b99dad..2a4a9c017b 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.34.1-pageStructure.6",
+  "version": "7.34.1-pageStructure.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.34.1-pageStructure.6",
+      "version": "7.34.1-pageStructure.7",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index f09ddb7286..41775ec4cf 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.34.1-pageStructure.6",
+  "version": "7.34.1-pageStructure.7",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From 5419486b8b8d0e827b059a65b61c60ea68a3a5bd Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Thu, 7 May 2026 11:49:27 -0700
Subject: [PATCH 19/23] Move heading styles here from ui-premium

---
 packages/components/releaseNotes/components.md      |  1 +
 .../styles/scss/labkey/components/_header.scss      | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/packages/components/releaseNotes/components.md b/packages/components/releaseNotes/components.md
index 1e4059876a..257f3a60e3 100644
--- a/packages/components/releaseNotes/components.md
+++ b/packages/components/releaseNotes/components.md
@@ -5,6 +5,7 @@ Components, models, actions, and utility functions for LabKey applications and p
 *Released*: TBD
 - Update heading tags in various page elements for better accessibility
 - Add sr-only text for Selection checkbox table header
+- Update a few more colors for better contrast
 
 ### version 7.34.0
 *Released*: 5 May 2026
diff --git a/packages/themes/styles/scss/labkey/components/_header.scss b/packages/themes/styles/scss/labkey/components/_header.scss
index 9b8b2290b1..aa6608b146 100644
--- a/packages/themes/styles/scss/labkey/components/_header.scss
+++ b/packages/themes/styles/scss/labkey/components/_header.scss
@@ -312,3 +312,16 @@
 .page-detail-header-title-padding {
     padding-left: 5px;
 }
+
+.heading4 {
+    font-size: 16px;
+    font-weight: 700;
+}
+.heading5 {
+    font-size: 14px;
+    font-weight: 700;
+}
+.heading6 {
+    font-size: 12px;
+    font-weight: 500;
+}

From fc6b32f2d8c9374c0c570529edbc616d9012dca9 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Thu, 7 May 2026 12:01:14 -0700
Subject: [PATCH 20/23] @labkey/components v7.35.1-pageStructure.8

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 2a4a9c017b..70abc1dd43 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.34.1-pageStructure.7",
+  "version": "7.35.1-pageStructure.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.34.1-pageStructure.7",
+      "version": "7.35.1-pageStructure.8",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 14a6fef3d6..9583a997dc 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.35.1-pageStructure.7",
+  "version": "7.35.1-pageStructure.8",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [

From 73d156617060b29b183f2f6280004b6df7d445da Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 8 May 2026 07:39:28 -0700
Subject: [PATCH 21/23] Move the heading styles to panel.scss, used by the apps

---
 packages/components/src/theme/panel.scss            | 13 +++++++++++++
 .../styles/scss/labkey/components/_header.scss      | 13 -------------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/components/src/theme/panel.scss b/packages/components/src/theme/panel.scss
index 060c39d07c..80cd535920 100644
--- a/packages/components/src/theme/panel.scss
+++ b/packages/components/src/theme/panel.scss
@@ -96,3 +96,16 @@
 .vertical-scroll-panel {
     overflow: auto;
 }
+
+.heading4 {
+    font-size: 16px;
+    font-weight: 700;
+}
+.heading5 {
+    font-size: 14px;
+    font-weight: 700;
+}
+.heading6 {
+    font-size: 12px;
+    font-weight: 500;
+}
diff --git a/packages/themes/styles/scss/labkey/components/_header.scss b/packages/themes/styles/scss/labkey/components/_header.scss
index aa6608b146..9b8b2290b1 100644
--- a/packages/themes/styles/scss/labkey/components/_header.scss
+++ b/packages/themes/styles/scss/labkey/components/_header.scss
@@ -312,16 +312,3 @@
 .page-detail-header-title-padding {
     padding-left: 5px;
 }
-
-.heading4 {
-    font-size: 16px;
-    font-weight: 700;
-}
-.heading5 {
-    font-size: 14px;
-    font-weight: 700;
-}
-.heading6 {
-    font-size: 12px;
-    font-weight: 500;
-}

From d3feafef0f121cc9dc623fddfe83c55e8dda2579 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 8 May 2026 07:39:49 -0700
Subject: [PATCH 22/23] Use H2 style like H4 instead of H4 to avoid skipping
 header levels

---
 packages/components/src/internal/Modal.tsx | 2 +-
 packages/components/src/theme/modal.scss   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/internal/Modal.tsx b/packages/components/src/internal/Modal.tsx
index d8c678e2f0..227a027e89 100644
--- a/packages/components/src/internal/Modal.tsx
+++ b/packages/components/src/internal/Modal.tsx
@@ -60,7 +60,7 @@ export const ModalHeader: FC<ModalHeaderProps> = ({ title, onCancel }) => {
                     <span className="sr-only">Close</span>
                 </button>
             )}
-            {title && <h4 className="modal-title text__wrap">{title}</h4>}
+            {title && <h2 className="modal-title text__wrap">{title}</h2>}
         </div>
     );
 };
diff --git a/packages/components/src/theme/modal.scss b/packages/components/src/theme/modal.scss
index 499ba15fc0..52b36e120c 100644
--- a/packages/components/src/theme/modal.scss
+++ b/packages/components/src/theme/modal.scss
@@ -33,3 +33,8 @@
     font-weight: normal;
     font-size: 14px;
 }
+
+.modal-title {
+    font-size: 18px;
+    font-weight: 700;
+}

From 11813d9c42532a8d119e80293d56aa54b6a26d60 Mon Sep 17 00:00:00 2001
From: labkey-susanh <susanh@labkey.com>
Date: Fri, 8 May 2026 07:40:50 -0700
Subject: [PATCH 23/23] @labkey/components v7.35.1-pageStructure.9

---
 packages/components/package-lock.json | 4 ++--
 packages/components/package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/package-lock.json b/packages/components/package-lock.json
index 70abc1dd43..9599bd97aa 100644
--- a/packages/components/package-lock.json
+++ b/packages/components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@labkey/components",
-  "version": "7.35.1-pageStructure.8",
+  "version": "7.35.1-pageStructure.9",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@labkey/components",
-      "version": "7.35.1-pageStructure.8",
+      "version": "7.35.1-pageStructure.9",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "@hello-pangea/dnd": "18.0.1",
diff --git a/packages/components/package.json b/packages/components/package.json
index 9583a997dc..8a9cb73770 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@labkey/components",
-  "version": "7.35.1-pageStructure.8",
+  "version": "7.35.1-pageStructure.9",
   "description": "Components, models, actions, and utility functions for LabKey applications and pages",
   "sideEffects": false,
   "files": [