From ad80b29d49ba634543a0cd39514b60eed2614fd2 Mon Sep 17 00:00:00 2001
From: Stefan Dietz <mail@stefan-dietz.eu>
Date: Thu, 14 Dec 2023 11:08:56 +0100
Subject: [PATCH] Add KNOWN_ISSUES

---
 KNOWN_ISSUES.md                                    | 14 ++++++++++++++
 .../src/components/input-color/readme.md           |  3 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 KNOWN_ISSUES.md

diff --git a/KNOWN_ISSUES.md b/KNOWN_ISSUES.md
new file mode 100644
index 0000000000..24d438090d
--- /dev/null
+++ b/KNOWN_ISSUES.md
@@ -0,0 +1,14 @@
+<!-- Note: Headings might be used for anchor-links. Please check for reference before adjusting them. -->
+
+# Known Issues
+
+## input-color
+
+The component InputColor is a wrapper for the native HTML element `<input type="color">` which has accessibility problems:
+
+- With NVDA, the element is announced as "clickable" and not as an input element.
+- It's not possible to select a color using a screen reader.
+
+For full accessibility, consider using predefined colors lists, e.g. using KolSelect or KolCheckbox.
+
+[🐞 GitHub issue #5549](https://github.com/public-ui/kolibri/issues/5549)
diff --git a/packages/components/src/components/input-color/readme.md b/packages/components/src/components/input-color/readme.md
index 959ae6e3f3..95afa0f787 100644
--- a/packages/components/src/components/input-color/readme.md
+++ b/packages/components/src/components/input-color/readme.md
@@ -24,7 +24,8 @@ Stellen Sie die Default-Farbe über das Attribut `_value` ein. Verwenden Sie hie
 
 ## Barrierefreiheit
 
-Beachten Sie, dass die **InputColor**-Komponente nicht vollständig barrierefrei ist. Die Auswahl einer Farbe ist über Tastatursteuerung möglich. Die Ausgabe der gewählten Farbe über Screenreader ist jedoch technisch eingeschränkt.
+Beachten Sie, dass die **InputColor**-Komponente nicht vollständig barrierefrei ist. Die Auswahl einer Farbe ist über Tastatursteuerung möglich. Die Ausgabe der gewählten Farbe über Screenreader ist jedoch technisch eingeschränkt.  
+Siehe auch: [https://github.com/public-ui/kolibri/blob/develop/KNOWN_ISSUES.md#input-color](Known Issues).
 
 Für eine vollständige Barrierefreiheit prüfen Sie die Verwendung einer vorgefertigten Farbauswahlliste, z.B. über Checkboxen oder Select-Felder.