fix(core/event-list-item): add aria-disabled attribute to list element (

#1243) Co-authored-by: Daniel Leroux <[email protected]>
siemens · May 2, 2024 · b4b06a6 · b4b06a6
1 parent 756bc42
commit b4b06a6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/cyan-plums-build.md 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
@@ -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>
     );
   }