Entwicklungs-Blueprint für Barrierefreiheit
Neu!
Das Nachschlagewerk für alle Anforderungen der WCAG und EN 301 549! Baue barrierefreie Webseiten, ohne lange nach Antworten suchen zu müssen oder etwas zu vergessen.
Dein neuer Begleiter!
Du bist mit den Anforderungen der WCAG überfordert? Du hast Angst, etwas zu vergessen und nicht alles mitzudenken? Du willst leicht verständliche Vorlagen, was du bei jeder Komponente beachten sollst?
Wir geben zu, die Anforderungen an Barrierefreiheit sind etwas verwirrend. Man weiß nicht genau, wo man mit dem Lernen anfangen soll, was man alles beachten muss und wie sich die Anforderungen auf jede Komponente auswirken.
Darum haben wir unseren Blueprint erstellt. Er soll:
- Alle Anforderungen der EN 301 549 übersichtlich in einem File darstellen und dir Zeit beim Suchen sparen
- Dir gezielt Antworten auf Fragen zu einzelnen Komponenten geben
- Dir die Unsicherheit in der Entwicklung nehmen
- Dafür sorgen, dass du keine Anfroderungen mehr vergisst.
Was du bekommst
Anforderungen auf Komponenten-Basis
Alle Barrierefreiheits-Anforderungen heruntergebrochen auf UI-Komponenten für Websites.
Fehler, Lösungen und Best Practices
Positive Beispiele, Best Practices, Warnungen, gängige Fehler, Hintergrundwissen und Tool-Empfehlungen!
Alles an einem Ort: gut strukturiert
Kein langes Suchen auf Webseiten, E-Learnings oder der WCAG: Der Blueprint hat alles, was du bei der barrierefreien Entwicklung beachten musst, an einem Ort!
Beispiele von echten Seiten
Zusätzlich zu den Erklärungen und Beispielen in Figma gibt es auch Beispiele von echten Webseiten zu sehen!
Updates mit neuen Komponenten
Updates mit neuen Komponenten, Tools oder – je nach Feedback von euch – detaillierteren Erklärungen.
Support bei Fragen
Du kannst jederzeit Fragen stellen und deine Wünsche äußern, um das File noch hilfreicher zu machen!
Für wen ist der Blueprint?
Entwickler*innen
In erster Linie richtet sich der Blueprint an Entwickler*innen, die wissen müssen, worauf es ankommt, wenn sie barrierefreie Webseiten oder Web-Apps erstellen.
Tester oder QA
Aber auch Tester*innen/QA finden in dem File alle Anforderungen und Best Practices, die sie beachten sollten, wenn sie eine Webseite auf Barrierefreiheit testen wollen.
Wie sieht das GEnau aus?
Du findest Anleitungen zu jedem Entwicklungsthema, das mit Barrierefreiheit zu tun hat (Umgang mit Texten, Überschriften, Bilder, Videos usw.),und zu den gängigsten Komponenten (Buttons, Formulare, Karusselle …).
Diese Anleitungen zeigen, was WCAG-konform ist, was als Fehler gilt und was gerade so durchgeht, aber nicht die Best Practice ist.
Bei dem Thema »Linktexte zu Dateien« zeigen wir zum Beispiel:
- Wie ein optimaler Linktext aussieht und implementiert wird
- Warum ein Icon alleine für das Format ein Fail ist
- Warum ein Link ohne jeglichen Hinweis auf die Datei nicht optimal ist
Jetzt Blueprint holen!
Der Barrierefreie-Entwicklungs-Blueprint
Ein Figma-File mit allen Anforderungen der EN 30 1549 und WCAG!
Was du bekommst:
- Zugriff auf ein Figma-File mit allen Anforderungen der WCAG und EN 301 549
- Lösungen, Best Practices und gängige Fehler
- Anleitungen für die barrierefreie Umsetzung der wichtigsten Web-Komponenten
- Updates mit neuen Komponenten, Tools oder – je nach Feedback von euch – detaillierteren Erklärungen.
- Support bei weiteren Fragen
Häufige Fragen
Was ist der Blueprint für barrierefreie Entwicklung?
Der Blueprint ist ein Figma-File, das dir alle Informationen liefert, die du brauchst, um barrierefreie Webseiten zu bauen. Du findest darin Anleitungen, wie du die Barrierefreiheit einhältst und damit WCAG und EN 301 549-konform wirst. Außerdem zeigen wir dir darin, Best Practices und gängige Fehler.
Ich habe schon einen Workshop für Entwicklung gemacht, hilft mir der Blueprint trotzdem?
Das musst du natürlich selbst entscheiden. Wenn du das Gefühl hast, du hast bereits genug Wissen, dann ist unser Blueprint für dich vielleicht nichts mehr. Aber auch in unserer täglichen Arbeit hilft er uns sehr, nicht nur die Kriterien einzuhalten, sondern sie auch zu testen und an Kunden zu kommunizieren. Melde dich bei uns, wenn du unseren Workshop schon besucht hast, und du bekommst 25 % Rabatt.
Dürfen mehrere Leute auf den Bluprint mit einem Kauf zugreifen?
Nein. Jeder Kauf ist eine Einzellizenz. Bei mehr als 3 Leuten, melde dich gerne für einen Mengen-Rabatt.