diff --git a/packages/split-view/README.md b/packages/split-view/README.md
index 26bdc33aa8e..51a5339a811 100644
--- a/packages/split-view/README.md
+++ b/packages/split-view/README.md
@@ -38,7 +38,13 @@ import { SplitView } from '@spectrum-web-components/split-view';
 ### Horizontal Resizable
 
 ```html
-<sp-split-view resizable primary-min="50" secondary-min="50" primary-size="100">
+<sp-split-view
+    resizable
+    primary-min="50"
+    secondary-min="50"
+    primary-size="100"
+    label="Resize the horizontal panels"
+>
     <div>
         <h1>Left panel</h1>
         <p>
@@ -59,7 +65,7 @@ import { SplitView } from '@spectrum-web-components/split-view';
 ### Horizontal Resizable & Collapsible
 
 ```html
-<sp-split-view resizable>
+<sp-split-view resizable label="Resize the horizontal collapsible panels">
     <div>
         <h1>Left panel</h1>
         <p>
@@ -95,6 +101,7 @@ import { SplitView } from '@spectrum-web-components/split-view';
     primary-min="50"
     primary-max="150"
     secondary-min="50"
+    label="Resize the vertical panels"
 >
     <div>
         <h1>Top panel</h1>
@@ -116,7 +123,12 @@ import { SplitView } from '@spectrum-web-components/split-view';
 ### Vertical Resizable & Collapsible
 
 ```html
-<sp-split-view vertical resizable style="height: 300px;">
+<sp-split-view
+    vertical
+    resizable
+    style="height: 300px;"
+    label="Resize the vertical collapsible panels"
+>
     <div>
         <h1>Top panel</h1>
         <p>
diff --git a/packages/split-view/src/SplitView.ts b/packages/split-view/src/SplitView.ts
index 9214c23c8e1..a2c3997957b 100644
--- a/packages/split-view/src/SplitView.ts
+++ b/packages/split-view/src/SplitView.ts
@@ -184,7 +184,7 @@ export class SplitView extends SpectrumElement {
                     )) as boolean,
         };
         const label =
-            this.label || this.resizable ? 'Resize the panels' : undefined;
+            this.label || (this.resizable ? 'Resize the panels' : undefined);
 
         return html`
             <slot