New Docu links

src/pages/dokumentation.mdx

@@ -98,13 +98,40 @@ Im Folgenden findest du Ressourcen und Tools für die Front-End-Entwicklung. Ob
 [JSX](https://react.dev/learn/writing-markup-with-jsx)
 : JSX ist eine Syntaxerweiterung für JavaScript, mit der du HTML-Elemente in JavaScript schreiben kannst.
 
+## Visuelle Kommunikation
+
+Wenn du dich näher mit der visuellen Ebene der Kommunikation beschäftigen möchtest, möchte ich dir folgende Seiten dazu empfehlen.
+
+### Inklusives Kommunikations­design
+
+Ein inklusives Kommunikations­design zielt darauf ab, Informationen für möglichst viele Menschen, unabhängig von ihrer Sehfähigkeit, zugänglich und verständlich zu machen.
+
+[leserlich.info](https://leserlich.info/) <span class="new">NEU</span>
+: Laut Design Tagebuch[^1] die „Pflichtlektüre für alle Kommunikationsdesigner“. Ein Leitfaden für inklusives Kommunikations&shy;design rund um Text und Zeichen, Farben und digitale Medien.
+
+[Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/WAI/standards-guidelines/) <span class="new">NEU</span>
+: Internationaler Standard für die Umsetzung barrierefreier Online-Medien und digitaler Anwendungen.
+
+[Barrierefreie-Informationstechnik-Verordnung (BITV)](https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html) <span class="new">NEU</span>
+: Regelung zur Umsetzung aller öffentlich zugänglichen Webanwendungen von Behörden der Bundesverwaltungen in Deutschland.
+
+[Barrierefreiheits­stärkungs­gesetzes (BFSG)](https://www.bmas.de/DE/Service/Gesetze-und-Gesetzesvorhaben/barrierefreiheitsstaerkungsgesetz.html) <span class="new">NEU</span>
+: Gesetz zur Umsetzung der Richtlinie (EU) 2019/882 des Europäischen Parlaments und des Rates über die Barrierefreiheits­anforderungen für Produkte und Dienstleistungen (BFSG)
+
+### Designprinzipien
+
+Empfehlungen zu Gestaltungsgrundlagen, aber mit stärkerem Fokus auf die zugrunde liegenden Prizipien und Konzepte der Gestaltung.
+
+[Typography Nerd](https://www.typographynerd.de/typografie/) <span class="new">NEU</span>
+: Kurzartikel zu typografischen Designprinzipien wie Anführungszeichen, Ligaturen, sowie Schusterjunge und Hurenkind
+
 ## Entwicklung
 
 Zur Erstellung von Websites benötigst du Entwicklungsumgebungen. Zum einen einen Editor, zum anderen einen Server, der deine Website für den Browser bereistellt.
 
 ### IDE
 
-Editoren werden meist IDE[^1] genannt. Sie erleichtern dir das Schreiben von HTML, CSS und JavaScript und anderen Sprachen. Wir nutzten in GT 1191 eine vorkonfigurierte Version von Visual Studio Code.
+Editoren werden meist IDE[^2] genannt. Sie erleichtern dir das Schreiben von HTML, CSS und JavaScript und anderen Sprachen. Wir nutzten in GT 1191 eine vorkonfigurierte Version von Visual Studio Code.
 
 [Visual Studio Code](https://code.visualstudio.com/)
 : Kostenlose IDE von Microsoft.
@@ -143,4 +170,6 @@ Editoren werden meist IDE[^1] genannt. Sie erleichtern dir das Schreiben von HTM
 [Laravel Herd](https://herd.laravel.com/)
 : Einfache PHP-Entwicklungsumgebung für Mac und Windows, um PHP und Nginx bereitzustellen.
 
-[^1]: IDE steht für Integrated Development Environment. Ein Editor, der speziell für die Entwicklung von Software und Webseiten konzipiert ist.
+[^1]: Das [Design Tagebuch](https://www.designtagebuch.de/leserlich-info-leitfaden-fuer-inklusives-kommunikationsdesign/) ist ein Fachblog zu Designtrends von Achim Schaffrinna.
+
+[^2]: IDE steht für Integrated Development Environment. Ein Editor, der speziell für die Entwicklung von Software und Webseiten konzipiert ist.