diff --git a/projects/element-ng/side-panel/si-side-panel-content.component.html b/projects/element-ng/side-panel/si-side-panel-content.component.html
index 3044e03f0..cc72cae0d 100644
--- a/projects/element-ng/side-panel/si-side-panel-content.component.html
+++ b/projects/element-ng/side-panel/si-side-panel-content.component.html
@@ -79,6 +79,8 @@
         type="button"
         class="side-panel-collapse-toggle btn btn-icon btn-ghost mx-4"
         [attr.aria-label]="toggleItemLabel() | translate"
+        [attr.aria-expanded]="!isCollapsed() || service.isTemporaryOpen()"
+        [attr.aria-controls]="panelContentId"
         (click)="toggleSidePanel($event)"
       >
         <si-icon
diff --git a/projects/element-ng/side-panel/si-side-panel-content.component.ts b/projects/element-ng/side-panel/si-side-panel-content.component.ts
index 5d501c276..04fd8b7e7 100644
--- a/projects/element-ng/side-panel/si-side-panel-content.component.ts
+++ b/projects/element-ng/side-panel/si-side-panel-content.component.ts
@@ -88,10 +88,13 @@ export interface StatusItem extends MenuItemLegacy {
     '[class.collapsed]': 'isCollapsed()',
     '[class.expanded]': 'isExpanded()',
     '[class.enable-mobile]': 'enableMobile()',
-    '[class.rpanel-fullscreen-overlay]': 'isFullscreen()'
+    '[class.rpanel-fullscreen-overlay]': 'isFullscreen()',
+    '[id]': 'panelContentId'
   }
 })
 export class SiSidePanelContentComponent implements OnInit {
+  private static idCounter = 0;
+  protected readonly panelContentId = `__si-side-panel-content-${SiSidePanelContentComponent.idCounter++}`;
   /**
    * @deprecated This input is no longer used. The collapsible state is managed by the SiSidePanelService.
    * This input will be removed in a future major version.