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

    Nächster Termin am
    15.6.23
  • Für Designer*innen

    • Die WCAG-Richtlinienen für Designer

    • Auf was muss ich bei Farben, Typo & Komponenten achten

    • Effektive Kommunikation mit Entwickler*innen

    Nächster Termin am
    16.6.23
  • Fü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

    Termine auf Anfrage

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

    1. 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.

    2. 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.

    3. 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.

    4. 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.

    5. 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.

    6. 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

    1. 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.

    2. 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.

    3. 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

    1. 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.

    2. 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.

    3. User Testing

      Wie genau testet man barrierefreie User-Experience (auch mit echten Usern)?

Nächsten Termine

  • Workshops für dein Team

    Buch einen online oder vor Ort Workshop für dein Entwickler-, Designer- oder Content-Team.

    Wann? Jederzeit
    • Ort: Online
    • Dauer: 3 Stunden
    • Trainer: Tobias Roppelt
    AnfragenAb 3 Personen möglich
  • Digitale Barrierefreiheit für Entwickler*innen

    Lerne alles, was du als Entwickler*in wissen musst, um Barrierefreiheit zukünftig selbstbewusst in deine Projekte zu integrieren.

    Am 15.6.2023
    • Ort: Online
    • Dauer: 3 Stunden
    • Trainer: Tobias Roppelt
    280€inklusive MwSt.
    Anmeldennoch 7 Plätze frei!
  • Digitale Barrierefreiheit für Designer*innen

    Lerne, mit Farben, Typografie, Bildern und komplexen Komponenten umzugehen, um barrierefreie Designs zu erstellen!

    Am 16.6.2023
    • Ort: Online
    • Dauer: 3 Stunden
    • Trainer: Tobias Roppelt
    280€inklusive MwSt.
    Anmeldennoch 7 Plätze frei!

Deine trainer

  • Tobias Roppelt

    Usability-Experte

    Tobias 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-Expertin

    Nina 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