Einleitung

Diese Dokumentation dient als umfassender Leitfaden für die Entwicklung barrierefreier und qualitativ hochwertiger E-Commerce-Komponenten und -Shops.

Zweck dieser Guidelines

Diese Richtlinien wurden entwickelt, um:

• BFSG-Konformität sicherzustellen
• Best Practices für Barrierefreiheit zu implementieren
• Einen einheitlichen Best-Practice-Ansatz in unseren Umsetzungen zu etablieren
• Die Konsistenz und Qualität unserer Projekte langfristig zu verbessern

Für wen sind diese Guidelines?

• Entwickler: Technische Spezifikationen und Code-Beispiele
• Designer: UI/UX-Richtlinien für barrierefreies Design
• Projektmanager: Planungs- und Qualitätssicherungsressourcen
• Alle Teammitglieder: Grundlegendes Verständnis für Barrierefreiheit und Best Practices im E-Commerce

Inhalt der Guidelines

Abgedeckte Komponenten

Unsere Guidelines umfassen unter anderem detaillierte Informationen zu:

• Produktboxen
• Buttons
• Formularfelder
• Formulare und Gruppen
• Tabs
• Menü-Buttons
• Menü-Bars
• Carousels
• und weiteren essentiellen E-Commerce-Elementen

Für jede Komponente findest du:

1. Ausführliche Beschreibungen
2. Barrierefreiheits-Anforderungen
3. Code-Beispiele
4. Visuelle Darstellungen
5. Best Practices für die Implementierung

Besondere Merkmale

• Interaktive Beispiele: Viele Komponenten sind mit CodePens versehen für praktische Tests.
• Plattformübergreifend: Richtlinien sind adaptierbar für verschiedene E-Commerce-Plattformen (Shopware 6, PWA, Headless, Shopify, etc.).
• Fokus auf Barrierefreiheit und Qualität: Jede Komponente wird unter BFSG-Konformität, allgemeinen Accessibility-Best-Practices und Qualitätsstandards betrachtet.

Ein lebendiges Dokument

Diese Dokumentation ist ein dynamisches und wachsendes Projekt. Zu Beginn mag sie noch unvollständig sein, aber sie wird sich kontinuierlich weiterentwickeln. Wir bitten das gesamte Team, aktiv zum Wachstum und zur Verbesserung dieser Guidelines beizutragen.

Wie du beitragen kannst:

1. Aktives Nachfragen: Sprich Themen an, die in aktuellen Projekten auftauchen.
2. Lernprozess: Verstehe, dass wir uns alle in einem gemeinsamen Lernprozess befinden. Fehler sind erlaubt und Teil unserer Entwicklung.
3. Dokumentation konsultieren: Schau bei jeder Aufgabe in die Guidelines und stelle Anfragen, wenn Informationen fehlen.
4. Gemeinsame Lösungsfindung: Arbeite mit Kollegen an Lösungen für neue Herausforderungen und dokumentiere diese.

Unser Ziel ist es, schrittweise zu einer erstklassigen Barrierefreiheit in allen unseren Projekten zu gelangen. Dies ist ein fortlaufender Prozess, bei dem wir uns gemeinsam in allen Bereichen stetig verbessern werden.

Nutzung der Guidelines

1. Navigation: Nutze die Seitenleiste für schnellen Zugriff auf spezifische Themen.
2. Suche: Verwende die Suchfunktion für gezielte Inhaltssuche.
3. Code-Beispiele: Kopiere Snippets direkt oder experimentiere mit eingebetteten CodePens.
4. Feedback: Nutze den "Feedback"-Button am Seitenende für Verbesserungsvorschläge.

Beitrag zu den Guidelines

Wir begrüßen und ermutigen Beiträge aller Teammitglieder. Bei Verbesserungsvorschlägen, Fragen oder wenn du Lücken in der Dokumentation entdeckst:

• Erstelle ein Issue in unserem internen Git-Repository
• Kontaktiere das Dokumentations-Team direkt
• Sprich das Thema in Team-Meetings an

Kontakt

Bei Fragen oder Anregungen wende dich bitte an:

David Große-Kleimann
Head of Accessibility
E-Mail: grosse-kleimann@digitalmanufaktur.com

---

Wir freuen uns auf deine aktive Beteiligung an der Weiterentwicklung dieser Guidelines. Gemeinsam arbeiten wir an der kontinuierlichen Verbesserung unserer Barrierefreiheits-Standards und der Qualität unserer E-Commerce-Lösungen!