From 442272667472be21cc367e7b4e8b67c2e51a5d9d Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 11 Jun 2024 11:04:29 +0200
Subject: [PATCH] Fix boolean icon accessiblity

---
 .../shared-instance/feature-boolean.component.html       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/app/shared/shared-instance/feature-boolean.component.html b/client/src/app/shared/shared-instance/feature-boolean.component.html
index 6de5d2075..9ae89429b 100644
--- a/client/src/app/shared/shared-instance/feature-boolean.component.html
+++ b/client/src/app/shared/shared-instance/feature-boolean.component.html
@@ -1,2 +1,7 @@
-<my-global-icon *ngIf="value === true" iconName="tick" i18n-aria-label aria-label="yes"></my-global-icon>
-<my-global-icon *ngIf="value === false" iconName="cross" i18n-aria-label aria-label="no"></my-global-icon>
+@if (value === true) {
+  <span class="visually-hidden" i18n>yes</span>
+  <my-global-icon iconName="tick"></my-global-icon>
+} @else {
+  <span class="visually-hidden" i18n>no</span>
+  <my-global-icon iconName="cross"></my-global-icon>
+}