Barrierefreie Webseiten

Barriere­freie Widgets entwickeln

Wenn die HTML-Bordmittel nicht ausreichen, um barriere­freie Bedienmuster im Browser umzusetzen, gibt es ARIA (Accessible Rich Internet Applications). Mit diesem mächti­gen Erweiterungs-Kit und JavaScript lassen sich individuelle und dennoch zugängliche Web-Oberflächen realisieren. Wird ARIA aber falsch eingesetzt, kann man das barrierefreie Nutzungserlebnis auch hervorragend ruinieren.

Anhand gängiger Beispiele wie Akkordeon, Karussell und Tab-Navigation lernen Sie in diesem Workshop, wie Sie ARIA verantwortungsvoll einsetzen, um komplexe Widgets zu pla­nen und umzusetzen. Wesentliche Konzepte wie Tastatur­bedienbarkeit oder die sinnvolle Benennung für assistive Technologien werden so vermittelt, dass Sie sie später auf eigene Projekte übertragen können.

Barriere­freie Redaktion mit WordPress

Am Beispiel des Content-Management-Systems WordPress zeigt Detlef Girke Ihnen in diesem Workshop, welche Maß­nahmen auf redaktioneller Ebene möglich und nötig sind, um die Barrierefreiheit von Internetseiten nachhaltig zu gewähr­leisten.

Sie lernen, wie Sie den Bedürfnissen von Menschen mit Be­hinderung mit den zur Verfügung stehenden Mitteln begeg­nen können. In praktischen Übungen erfahren Sie, wie Sie eine barrierefreie Semantik entwickeln, systematisch struk­turieren, mit Tabellen und Schaubildern wie z. B. Torten­diagrammen umgehen, Teaser aufbauen etc. Sie werden sehen, dass Barrierefreiheit im redaktionellen Bereich weniger mit Technik zu tun hat, als man gemeinhin vermutet.

Barriere­freiheit testen – etablierte Verfahren und was Sie selbst tun können

In diesem Workshop stellt Ihnen Marc Haunschild verschiedene Testverfahren vor und gibt Ihnen die Möglichkeit, selbst einige der Werkzeuge auszuprobieren, die in den meisten Verfahren zur Überprüfung eingesetzt wer­den. Daneben skizziert er den rechtlichen Rahmen, um zu klären, wer in welchem Umfang zur Barrierefreiheit ver­pflichtet ist. Neben Marc kommen weitere Expert*innen mit Gastbeiträgen zu Wort.

So wechseln Theorie und Praxis einander ab und machen den Workshop zu einer lebendigen Präsentation unter­schiedlicher Sichtweisen, in deren Anschluss die Teilneh­menden die Barrierefreiheit von Webseiten selbst einschät­zen und Stolpersteine aufspüren können: Ist alles ohne Maus bedienbar, wie klingt die Umsetzung in einem Screenreader und wie steht es um Skalierbarkeit und Kontraste?

Leichte Sprache für barrierefreie Webtexte

Sprache, egal ob geschrieben oder gesprochen, kann Men­schen mitnehmen oder sie ausgrenzen. Leichte Sprache stellt eine Verbindung zwischen möglichst vielen Menschen her. Sie ist ein wichtiges Instrument für Barrierefreiheit und Voraussetzung für eine uneingeschränkte Teilhabe.

In diesem Workshop lernen Sie mit Andrea Tischner und Nina Rademacher die Regeln für Leichte Sprache. Sie er­stellen in praktischen Übungen gemeinsam erste Worter­klärungen und Texte in Leichter Sprache. Frau Rademacher wird als Expertin in eigener Sache Ihre Ergebnisse prüfen. Sie wird dabei auch den Finger in die Wunde legen, um Ihnen zu zeigen: Leichte Sprache ist kein Leichtgewicht.

Barrierefreies UI-Design

Als Designer*in spielen Sie eine Schlüsselrolle beim Erstellen von barrierefreien digitalen Anwendungen. Ihre Entscheidun­gen haben massiven Einfluss auf die Entwicklung, das heißt, Sie können viele Probleme und Bugs von vornherein verhin­dern.

In diesem Workshop zeigen wir Ihnen, was Sie unbedingt wissen müssen, um eine Webseite barrierefrei zu machen: von der Farbwahl bis zur Auswahl der richtigen UI-Kompo­nenten (Slider, Dropdown etc.). Außerdem lernen Sie, wie Sie in Figma Ihre Design-Entscheidungen in Sachen Barriere­freiheit am besten dokumentieren und an die Entwicklerinnen und Entwickler weitergeben.

Nach dem Workshop wissen Sie:

• wie Sie ein barrierearmes Design-System starten
• wie Sie barrierearme UI-Designs erstellen
• wie Sie Entscheidungen bezüglich Barrierefreiheit an Entwickler*innen kommunizieren
• wie Sie im Browser barrierefreies Design testen können

Barrierefreie Websites mit TYPO3 entwickeln

Als Entwickler*in schaffen Sie die Grundlage für zugängliche Webseiten. Darauf aufbauend müssen die Designs ent­sprechend barrierefrei umgesetzt werden. Und Sie können der Redaktion die barrierefreie Befüllung der Webseite mit Inhalten erleichtern.

In diesem Workshop lernen Sie, wie Sie mit TYPO3 den Grundstock für barrierefreie Webseiten legen. Wir zeigen Ihnen, welche Punkte bei der Entwicklung zu beachten sind, und geben Hinweise, welche Elemente Sie problemlos nut­zen können und wo es Schwierigkeiten geben könnte. Außer­dem erfahren Sie, wie Sie die Redaktion bei der Eingabe von barrierefreien Inhalten am besten unterstützen, um (Folge-)­Probleme bei der Nutzung zu vermeiden.

Nach dem Workshop wissen Sie:

• was TYPO3 für Barrierefreiheit mitbringt
• wie man ein barrierefreies Basis-Frontend mit einer einfachen Extension erstellt
• welche TYPO3-Extensions gut für barrierefreie Websites geeignet sind
• wie man die eigene Umsetzung testen kann

Barrierefreie PDFs erstellen

Barrierefreie PDF-Dokumente aus Word und PowerPoint zu erstellen ist relativ unkompliziert und ohne großen Mehrauf­wand möglich. Doch was macht ein PDF überhaupt barriere­frei? Und wie wirkt sich das aus? Nach einem kurzen Einblick in die aktuelle und kommende Gesetzlage zeigt Ihnen Markus Erle in diesem Workshop, welche Schritte Sie gehen müssen, wie die Quelldateien gestaltet sein sollten und wie Sie sicherstellen, dass Ihre PDFs tatsächlich allen wichtigen Standards entsprechen.

Es reicht aber nicht, wenn im Unternehmen nur eine Person Dokumente barrierefrei umsetzt. Die Barrierefreiheit ist ein Gemeinschaftsprojekt. Markus Erle hat deshalb schon viele Organisationen bei der Implementierung des Workflows für Dokumente unterstützt, darunter beispielsweise den Deut­schen Bundestag, aber auch kleinere Consultingfirmen und Marketingagenturen. Er wird mit Ihnen Wege für unterschied­liche Unternehmensgrößen und -ansätze durchsprechen, und es gibt dabei immer Raum für Ihre spezifischen Fragen. Gemeinsam lernt es sich am besten!

Barrierefreiheit & SEO: Synergieeffekte und Ranking-Faktoren

Wird Ihr Ranking von einer barrierefreien Umsetzung profi­tieren? Auf jeden Fall! Entdecken Sie in diesem interaktiven Workshop gemeinsam mit uns die Synergieeffekte von Bar­rierefreiheit und SEO. Wir vermitteln Ihnen, wie zugäng­liche Websites nicht nur eine rechtliche Notwendigkeit, sondern auch ein Schlüssel zu einer erweiterten, inklusiven Nutzer­basis sind.

Lernen Sie, Ihre Webpräsenz so zu optimieren, dass sie jedem zugänglich wird, dabei Ihre Sichtbarkeit verbessert und ein herzliches digitales Willkommen bietet. Wir statten Sie mit dem Wissen und den Werkzeugen aus, um die Bar­rierefreiheit Ihrer Seite praktisch umzusetzen – von den rechtlichen Grundlagen (WCAG) bis hin zu benutzerfreund­lichen Lösungen. Wir laden Sie ein, Ihre eigene Website als Praxisbeispiel mitzubringen. So können wir gemeinsam die ersten wichtigen Schritte hin zu einer umfassenden Zugäng­lichkeit machen und verborgene Optimierungschancen aufdecken.