diff --git a/packages/calcite-components/src/components/block/block.tsx b/packages/calcite-components/src/components/block/block.tsx
index e2a0c9ee64e..8a915b207f6 100644
--- a/packages/calcite-components/src/components/block/block.tsx
+++ b/packages/calcite-components/src/components/block/block.tsx
@@ -279,7 +279,7 @@ export class Block
     const toggleLabel = open ? messages.collapse : messages.expand;
 
     const headerContent = (
-      <header class={CSS.header}>
+      <header class={CSS.header} id={IDS.header}>
         {this.renderIcon()}
         {this.renderTitle()}
       </header>
@@ -295,6 +295,7 @@ export class Block
         {collapsible ? (
           <button
             aria-controls={IDS.content}
+            aria-describedby={IDS.header}
             aria-expanded={collapsible ? toAriaBoolean(open) : null}
             class={CSS.toggle}
             id={IDS.toggle}
diff --git a/packages/calcite-components/src/components/block/resources.ts b/packages/calcite-components/src/components/block/resources.ts
index 5055552f0ef..93928db6476 100644
--- a/packages/calcite-components/src/components/block/resources.ts
+++ b/packages/calcite-components/src/components/block/resources.ts
@@ -1,6 +1,7 @@
 export const IDS = {
   content: "content",
   toggle: "toggle",
+  header: "header",
 };
 
 export const CSS = {