Workshop über digitale Barrierefreiheit
Alles, was du und dein Team über barrierefreies Design und barrierefreie Entwicklung wissen müsst, um barrierefrei zu werden und es dauerhaft zu bleiben.
Aktuelle Termine
Für entwickler*innen
Was ist Barrierefreiheit und die WCAG?
Mit Screenreader richtig testen
Korrektes HTML & Komponenten mit ARIA
15.6.23Für Designer*innen
Die WCAG-Richtlinienen für Designer
Auf was muss ich bei Farben, Typo & Komponenten achten
Effektive Kommunikation mit Entwickler*innen
16.6.23Für Unternhemen
Bis zu fünf Teilnehmer*innen pro Termin
Inhalte werden auf euere Themen zugeschnitten
Der Termin ist vor Ort oder online möglich
Wieso digitale Barrierefreiheit Workshops?
Ab 2025 wird digitale Barrierfreiheit zur Pflicht. Das bedeutet nicht nur, dass Webseiten und Onlineshops ab dann barrierefrei sein müssen, sondern, dass sie es auch bleiben müssen. (Eine gute Nachricht für alle, die ein inklusives Internet anstreben!)
Das große Problem: Wie stellt man sicher, dass die Barrierefreiheit dauerhaft gewährleistet wird? Einfach externe Berater*innen engagieren, die die Webseite barrierefrei machen? Das reicht meistens nicht aus.
Digitale Barrierefreiheit muss in die Unternehmensprozesse fest verankert werden. Und das fängt beim eigenen Team an. Es ist unerlässlich, dass das eigene Team geschult ist, um die Barrierefreiheit aufrechtzuerhalten.
Deswegen bieten wir Workshops für Designer*innen und Entwickler*innen an. In diesen Workshops lernt ihr als Team nicht nur, worauf es bei digitaler Barrierefreiheit ankommt, sondern auch, wie ihr Barrierefreiheit in eure alltäglichen Prozesse integrieren könnt.
Was dich erwartet
In unseren Workshops zu digitaler Barrierefreiheit lernst du alle wichtigen Aspekte rund um die Gestaltung und Umsetzung von barrierefreien Webseiten und Onlineshops.
Durch das erlernte Know-how bist du danach in der Lage, die Barrierefreiheit in deine digitalen Projekte umzusetzen und damit eine inklusive Online-Erfahrung für alle zu schaffen.
Was du nach dem Workshop an Wissen mitnimmst:
- Was digitale Barrierefreiheit überhaupt bedeutet
- Welche gesetzlichen Anforderungen und Standards wichtig sind
- Wie du Webseiten auf Barrierefreiheit testest
- Wie du Barrierefreiheit in deine Arbeitsprozesse integrierst
- Speziell für Designer*innen: Welchen Einfluss hat Barrierefreiheit auf Nutzerführung & Gestaltung
- Speziell für Entwickler*innen: Alles über HTML-Strukturen und ARIA-Labels
Mehr Details erfährst du in dem Bereich Struktur & Inhalte weiter unten.
WER TEILNEHMEN SOLLTE
UI / UX DESIGNer*innen
Als Designer*in musst du in Zukunft wissen, worauf du achten musst, wenn du Komponenten designest, damit sie barrierefrei sind. Darf ich Slider verwenden? Oder Modale? Wie sieht es mit Animationen aus? Diese und weitere Fragen klären wir im Workshop und zeigen dir auch, wie du Barrierefreiheit in Figma dokumentierst.
Du brauchst keine Vorkenntnisse über digitale Barrierefreiheit, um teilzunehmen.
Entwickler*innen
Durch digitale Barrierefreiheit wird es besonders für Frontend-Entwickler*innen noch wichtiger, sauberes HTML zu verwenden.
Wir zeigen euch, worauf ihr achten müsst, wenn ihr interaktive Komponenten erstellt, um eure Webseite und App fit für Screenreader und Tab-Navigation zu machen.
Du brauchst keine Vorkenntnisse über digitale Barrierefreiheit, um teilzunehmen.
Content Ersteller*innen
Nachdem die Seite steht, ist Content der kritischste Faktor, der die Barrierefreiheit einer Webseite langfristig gefährden kann.
Wir zeigen dir, was wichtig ist, wenn du Texte schreibst, Bilder erstellst, Videos hochlädst etc., um dauerhaft die Barrierefreiheit deiner Webseite zu sichern.
Du brauchst keine Vorkenntnisse über digitale Barrierefreiheit, um teilzunehmen.
Struktur und Inhalte
Struktur
Dauer: ca. 3 Stunden
Teilnahme: online über Zoom
Auf Anfrage: Teilnahme von Teams
Inhalte für Alle
Einführung in die digitale Barrierefreiheit:
Der Workshop startet in der Regel mit einer allgemeinen Einführung in das Thema Barrierefreiheit. Dabei werden die Grundprinzipien erklärt und das Bewusstsein für die Bedeutung der Zugänglichkeit geschärft.
Gesetzliche Anforderungen und Standards
Es wird erläutert, welche gesetzlichen Anforderungen und internationalen Standards in Bezug auf digitale Barrierefreiheit gelten. Dazu gehören beispielsweise die Web Content Accessibility Guidelines (WCAG) und die EU-Richtlinie zur Barrierefreiheit von Websites und mobilen Anwendungen.
Praktische Tipps und Techniken:
Du lernst konkrete technische Aspekte kennen, die bei der Erstellung barrierefreier Inhalte zu beachten sind. Dazu zählen beispielsweise die korrekte Verwendung von Überschriften, alternative Texte für Bilder, die Gestaltung von Formularen und die Bedeutung der Farbkontraste.
Praktische Übungen und Beispiele:
Wir führen praktische Übungen durch, bei denen du dein neu erlerntes Wissen anwenden kannst. Dabei werden auch reale Beispiele von barrierefreien Websites und Best Practices gezeigt.
Integration der digitalen Barrierefreiheit in Arbeitsprozesse
Neben der reinen Umsetzung von barrierefreien Inhalten wird auch besprochen, wie die Barrierefreiheit langfristig in die Unternehmensprozesse integriert werden kann. Wir zeigen Strategien auf, um zukünftige Projekte von Anfang an barrierefrei zu konzipiert.
Ressourcen und Unterstützung:
Zum Abschluss erhältst du eine Übersicht nützlicher Ressourcen, Richtlinien und Hilfsmittel, die dir bei der Umsetzung und Überprüfung von Barrierefreiheit helfen.
Dabei empfehlen wir auch Online-Communities, die du bei Fragen und Herausforderungen jederzeit um Hilfe bitten kannst.
Extras im Kurs für Entwickler*innen
HTML Struktur
Eine korrekte und saubere HTML-Struktur ist die Basis dafür, dass deine Webseite ohne Maus navigierbar ist und von Screenreadern gelesen werden kann.
Du lernst, auf welche Feinheiten du bei der Implementierung achten musst, um die Power von HTML5 voll zu nutzen.
ARIA
Accessible Rich Internet Applications (ARIA) hilft dir dabei, die Funktionalität deiner Webseite oder App barrierefrei zu machen.
Wir erläutern die grundlegenden Prinzipien von ARIA und was damit alles möglich ist.
Umgang mit komplexen Komponenten
Komplexe Komponenten wie Dropdown, Dialog oder Akkordion können schnell Probleme mit Barrierefreiheit machen, wenn man sie von Grund auf selbst programmiert.
Wir zeigen dir, worauf du genau bei der Implementierung achten musst.
Extras im Kurs für Designer*innen
User Interface Design
Du lernst alles, was du brauchst, um barrierefrei zu designen, angefangen von Farben und Typografie über UI-Elemente, die du nutzen bzw. besser vermeiden solltest.
User Experience und Usability
Ein Schwerpunkt liegt auf der Nutzererfahrung und Benutzerfreundlichkeit für Menschen mit unterschiedlichen Behinderungen. Es werden Techniken und Methoden vorgestellt, um eine intuitive und zugängliche Benutzeroberfläche zu gestalten.
User Testing
Wie genau testet man barrierefreie User-Experience (auch mit echten Usern)?
Nächsten Termine
Deine trainer
Tobias Roppelt
Usability-ExperteTobias ist UX-Designer und ein Stück Frontend Entwickler. Er betreut seit Jahren Kunden dabei, ihre Kunden in den Mittelpunkt zu stellen und durch eine optimale Customer-Experience die Kundenzufriedenheit zu erhöhen.
Nina Jameson
Web-ExpertinNina hat in kleinen und großen Teams sowohl an kleinen als auch ziemlich großen Software-Projekten mitentwickelt. Sie hilft dir mit ihrer Expertise dabei, die technischen Feinheiten von digitaler Barrierefreiheit zu verstehen und optimal umzusetzen.
Häufige Fragen
Du kannst theoretisch mit deinem ganzen Team an einem offenen Workshop teilnehmen. Allerdings würden wir Firmen raten, einen extra Termin mit uns zu buchen. Da können wir dann genauer absprechen, wie die Strukturen in der Firma sind und worauf wir den Fokus beim Workshop legen sollten, um Barrierefreiheit optimal und dauerhaft in eure Prozesse zu integrieren.
Leider ist es momentan noch nicht möglich, sich den Workshop als IAAP Web-Specialist anrechnen zu lassen. Wir sind mit IAAP in Kontakt und schauen, was sich tun lässt!
Wenn du schon Vorerfahrung in dem Bereich digitale Barrierefreiheit hast, dann melde dich am besten persönlich bei uns und wir finden zusammen heraus, ob der Workshop trotzdem für dich geeignet ist. Schreibe uns einfach eine E-Mail an hallo@gehirngerecht.digital und wir melden uns bei dir!
Es haben zwar schon blinde Menschen und schwerhörige Menschen an unserer Workshops teilgenommen, aber ehrlich gesagt, sind sie noch nicht voll barrierefrei. Wir arbeiten allerdings mit Hochtouren daran, dass das in den nächsten 2-3 Monaten der Fall ist!