From ef6b12abcd908446eb5cab90fc22a0d47b698658 Mon Sep 17 00:00:00 2001
From: Christopher Krawietz <krawietz@new-communication.de>
Date: Mon, 17 May 2021 14:05:53 +0200
Subject: [PATCH] =?UTF-8?q?[TASK]=20=E2=80=94=20Added=20new=20Content=20to?=
 =?UTF-8?q?=20akkordeon=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/accordion.md | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/accordion.md b/src/components/accordion.md
index 5420350..00495d6 100644
--- a/src/components/accordion.md
+++ b/src/components/accordion.md
@@ -1,8 +1,18 @@
 ---
-title: Akkordions
-tagline: Akkordions
+title: Akkordion
+tagline: Akkordion
 ---
 
-# Akkordions
+# Akkordion
+
+Um eine schnelle und erste Übersicht über eine Vielzahl kleinteiliger Inhalte auf einer Seite anzubieten, können Sie sie in Akkordeonen gruppiert einsetzen. Das unterstützt Nutzer:innen beim ersten Überfliegen – dem sogenannten Scannen – und hilft ihnen zu entscheiden, ob sich ggf. gesuchte Inhalte darunter befinden.
+
+Umfangreichere und komplexe Prozesse lassen sich mit Akkordeonen in übersichtlichere ggf. nummerierte Teilabschnitte untergliedern, verbessern damit die Usability und sorgen so für bessere Akzeptanz bei den Nutzer:innen.
+
+Diese Übersichtlichkeit überwiegt die Nachteile, noch einmal Klicken zu müssen, um das Akkordeon zu öffnen (weitere Interaktion erforderlich), bzw. etwas sehr konkret Gesuchtes nicht auf den ersten Blick zu sehen (Hidden Content).
+Akkordeone schieben den nachfolgenden Inhalt nach unten und überlagern ihn nicht.
+
+Als visuelles Kennzeichen für Akkordeone hat sich das Caret-Icon (Winkel oder nach unten bzw. oben weisendes Dreieck) etabliert. Das für Akkordeone gelegentlich eingesetzte Plus-Zeichen wird häufig als „Anlegen neuer Inhalte gleichen Typs “ fehlinterpretiert.
+Um auch als Sprungziel von anderen Seiten gut zu funktionieren, sollten Sie sich entsprechend auch von extern mit dem Link öffnen lassen.
 
 ![Akkordion](/img/components-graphics/comp_accordeon.png)
-- 
GitLab