fix(core/blind): use string value für aria

siemens · Apr 3, 2023 · cb8a6de · cb8a6de
1 parent db091cc
commit cb8a6de
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/core/src/components/blind/blind.tsx b/packages/core/src/components/blind/blind.tsx
@@ -18,6 +18,7 @@ import {
   Watch,
 } from '@stencil/core';
 import anime from 'animejs';
+import { a11yBoolean } from '../utils/a11y';
 
 let sequentialInstanceId = 0;
 @Component({
@@ -128,7 +129,7 @@ export class Blind {
           type="button"
           aria-labelledby={`ix-blind-header-title-${this.id}`}
           aria-controls={`ix-blind-content-section-${this.id}`}
-          aria-expanded={!this.collapsed}
+          aria-expanded={a11yBoolean(!this.collapsed)}
           onClick={(e) => this.onHeaderClick(e)}
         >
           <span

diff --git a/packages/core/src/components/utils/a11y.ts b/packages/core/src/components/utils/a11y.ts
@@ -0,0 +1,9 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export const a11yBoolean = (value: boolean) => (value ? 'true' : 'false');