From b4b06a6b40a76e2749aad7134efeb53904b4dc8c Mon Sep 17 00:00:00 2001
From: Lukas Maurer <lukas.maurer@siemens.com>
Date: Thu, 2 May 2024 08:17:46 +0200
Subject: [PATCH] fix(core/event-list-item): add aria-disabled attribute to
 list element (#1243)

Co-authored-by: Daniel Leroux <daniel.leroux@siemens.com>
---
 .changeset/cyan-plums-build.md                              | 5 +++++
 .../core/src/components/event-list-item/event-list-item.tsx | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/cyan-plums-build.md

diff --git a/.changeset/cyan-plums-build.md b/.changeset/cyan-plums-build.md
new file mode 100644
index 0000000000..a3313cb397
--- /dev/null
+++ b/.changeset/cyan-plums-build.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/event-list-item): add aria-disabled attribute to list element
diff --git a/packages/core/src/components/event-list-item/event-list-item.tsx b/packages/core/src/components/event-list-item/event-list-item.tsx
index 505e4933b3..4519e60db6 100644
--- a/packages/core/src/components/event-list-item/event-list-item.tsx
+++ b/packages/core/src/components/event-list-item/event-list-item.tsx
@@ -16,6 +16,7 @@ import {
   Listen,
   Prop,
 } from '@stencil/core';
+import { a11yBoolean } from '../utils/a11y';
 
 @Component({
   tag: 'ix-event-list-item',
@@ -86,7 +87,8 @@ export class EventListItem {
           disabled: this.disabled,
         }}
       >
-        <div
+        <li
+          aria-disabled={a11yBoolean(this.disabled)}
           class={{
             'event-list-item': true,
             selected: this.selected,
@@ -116,7 +118,7 @@ export class EventListItem {
               ></ix-icon>
             )}
           </div>
-        </div>
+        </li>
       </Host>
     );
   }