Gehirngerecht Digital

Über 200 Teilnehmer*innen

Digitale Barrierefreiheit für Entwickler*innen

Lerne, wie du digital barrierefreie Webseiten erstellst und Barrierefreiheit zum Teil deines Workflows machst.

  • Grundlagen barrierefreier Entwicklung

  • Tipps und Beispiele aus der Praxis

  • Tests – während und nach der Entwicklung

Nächster Termin: 29.01.2025 ab 9 Uhr

Jetzt anmelden
Unser Maskottchen Manfred hat ein Laptop in der Hand. Neben ihm steht: Grundlagen der digitalen Barrierefreiheit. Tipps und Beispiele aus der Praxis und Testen von digitaler Barrierefreiheit.

Was dich erwartet

In unseren Entwickler-Workshops zu digitaler Barrierefreiheit lernst du alle wichtigen Prinzipien der barrierefreien Entwicklung.

Mit dem erlernten Wissen wirst du in der Lage sein, Barrierefreiheit in deine Entwicklungsprozesse zu integrieren und barrierefreie Projekte umzusetzen.

Auch wenn es um digitale Barrierefreiheit im Web geht, sind die Prinzipien und das erlernte Wissen auf jegliche Software übertragbar.

Was Du Lernst:

  • Alles über die rechtliche Lage

  • Welche assistiven Technologien es gibt, die du kennen musst, um digital barrierefrei zu entwickeln

  • Warum semantische HTML die Grundlage jeglicher Barrierefreiheit ist

  • Was WAI-ARIA ist und wie du es richtig einsetzt

  • Welche WCAG-Kriterien für dich in der Entwicklung wichtig sind 

  • Welche Tools es gibt, um digitale Barrierefreiheit während und nach der Entwicklung zu testen

Was du nicht lernst!

  • Wir sprechen nicht über jedes Detail der WCAG und der Implementierung bestimmter Komponenten. Dafür bleibt leider zu wenig Zeit.

  • Auch wenn wir vielleicht ein paar Dinge in WordPress zeigen, lernst du in diesem Workshop nicht, wie du deine Seite mit WordPress baust oder sie damit komplett barrierefrei machst.

WER TEILNEHMEN SOLLTE

  • Entiwckler*innen

    Durch digitale Barrierefreiheit wird es besonders für Frontend-Entwickler*innen noch wichtiger, sauberes HTML zu schreiben.

    Wir zeigen dir, worauf du achten musst, wenn du interaktive Komponenten erstellst, um deine Webseite fit für Screenreader und andere assistive Technologien zu machen, damit deine Seite für alle Nutzer*innen zugänglich wird.

  • Selbstständige Webdesiger*innen

    Du erstellst Webseiten für deine Kund*innen auf Grundlage von CMS-Systemen wie WordPress oder Webflow?

    Dann musst du ein optimales Verständnis davon haben, wie du diese Systeme barrierefrei gestaltest, um sowohl dir als auch deinen Kund*innen in Zukunft rechtliche Probleme zu ersparen.

  • Produkt-Owner*innen

    Um zu verstehen, welche Themen bei der digitalen Barrierefreiheit eine Rolle spielen und wie man die Kriterien in seine Definition of Done aufnimmt, empfehlen wir auch Product Owner*innen, diesen Workshop zu besuchen. So können sie sicherstellen, dass Barrierefreiheit von Anfang an in den Entwicklungsprozess integriert wird und alle Beteiligten auf dem gleichen Stand sind.

Inhalte

  • Einleitung

    1. Einführung in die digitale Barrierefreiheit:

      Wir starten mit einer Einführung in das Thema Barrierefreiheit. Dabei zeigen wir, wer aktuell digital ausgeschlossen wird, warum digitale Barrierefreiheit von so großer Bedeutung ist und wie alle Nutzenden davon profitieren. Diese Grundlage hilft dir, ein tiefes Verständnis für die Relevanz von Barrierefreiheit in der digitalen Welt zu entwickeln.

    2. Gesetzliche Anforderungen und Standards

      Wir klären die gesetzlichen Anforderungen und die internationalen Standards, die in Bezug auf digitale Barrierefreiheit gelten. Dazu gehören etwa die Web Content Accessibility Guidelines (WCAG) und die EU-Richtlinie zur Barrierefreiheit.

  • Wissen & Praxis

    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 so barrierearm wie möglich zu werden.

    2. (WAI) 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. Assistive Technologien

      Eine Webseite barrierefrei zu machen, heißt zu einem großen Teil, sie für assistive Technologien bedienbar zu machen.

      Wir zeigen dir, welche Technologien es gibt und was du über sie wissen musst, um deine Webseite mit ihnen überprüfen zu können.

    4. Die WCAG verstehen

      Die WCAG (Web Content Accessiblilty Guidelines) enthalten den Großteil der gesetzlichen Anforderungen, die deine Webseite ab Mitte 2025 erfüllen müssen.

      Deswegen zeigen wir dir, wie du die WCAG richtig lesen, verstehen und anwenden kannst.

    5. Auf Barrierefreiheit testen

      Wir geben dir einen Überblick darüber, wie du deine Webseite automatisiert und manuell testen kannst. 

      Außerdem zeigen wir dir, welche Tools es gibt, um deinen Entwicklungsprozess so zu optimieren, dass so wenig Fehler wie möglich entstehen.

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

  • Vorkenntnisse?

    Du solltest gute Vorkenntnisse in HTML und CSS haben, um das meiste aus dem Workshop herauszuholen!

Nächster Termin

  • 29.01.2025

    Digitale Barrierefreiheit für Entwickler*innen

    Lerne, was du als Entwickler*in wissen musst, um digital barrierefreie Webseiten umzusetzen.

    400 €inklusive MwSt.
    Anmelden
    • Uhrzeit: 9 Uhr
    • Dauer: 5 Stunden
    • Ort: Online
  • Wir bieten auch In-House-Trainings an!

    Buch einen Online- oder Vor-Ort-Workshop für dein Team.

    Auf AnfrageAb 4 Personen möglich
    In-House anfragen
    • Uhrzeit: Beliebig
    • Dauer: 4-8 Stunden
    • Ort: Online
Ein blaues Viereck mit Sonnenbrille und einem Mund. Es hat eine Maus und eine Tastatur in der Hand. Es symbolisiert Entwicker*innen.

trainer*innen

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

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

Häufige Fragen