Zugänglichkeitinklusives DesignPräsentationena11y

So machen Sie Ihre Präsentationen für jedermann zugänglich

SlidesMate Team15. Januar 202611 Min. Lesezeit

So machen Sie Ihre Präsentationen für jedermann zugänglich

Direkte Antwort: Um Ihre Präsentationen barrierefrei zu gestalten, befolgen Sie sechs Grundpraktiken: Verwenden Sie für den Text ein Farbkontrastverhältnis von mindestens 4,5:1, legen Sie eine Mindestschriftgröße von 18 pt fest, fügen Sie jedem aussagekräftigen Bild beschreibenden Alternativtext hinzu, verlassen Sie sich nie allein auf die Farbe, um die Bedeutung zu vermitteln (fügen Sie Beschriftungen, Muster oder Symbole hinzu), behalten Sie eine klare Überschriftenhierarchie für die Navigation durch Bildschirmleseprogramme bei und beschreiben Sie visuelle Inhalte bei Live-Präsentationen verbal. Von diesen Praktiken profitieren alle – nicht nur Menschen mit Behinderungen –, da sie die Klarheit, Lesbarkeit und das Verständnis für alle Zuschauer verbessern.

Durch die Zugänglichkeit von Präsentationen wird sichergestellt, dass Menschen mit Seh-, Hör-, kognitiven oder motorischen Unterschieden Ihren Inhalten folgen und davon profitieren können. Aber barrierefreies Design ist nicht nur ein Compliance-Kontrollkästchen – es ist besseres Design, Punkt. Ausreichender Kontrast, lesbare Schriftarten, klare Struktur und gut beschriebene Bilder verbessern das Verständnis für jedes Publikum, egal ob es sich in der ersten Reihe eines Konferenzsaals befindet, auf einem kleinen Laptop-Bildschirm zuschaut oder auf seinem Telefon ein gemeinsames Deck bespricht.

Dieser Leitfaden behandelt praktische, umsetzbare Schritte in den Bereichen Farbe, Typografie, Struktur, Medien und Präsentation, die Ihre nächste Präsentation standardmäßig inklusiv machen.

Warum Barrierefreiheit für Präsentationen wichtig ist

Das Ausmaß des Bedarfs

Ungefähr jeder vierte Erwachsene in den Vereinigten Staaten lebt mit irgendeiner Form von Behinderung. Bei einer Zielgruppe von 20 Personen besteht statistisch gesehen eine Wahrscheinlichkeit von 5, dass sie an einer Erkrankung leiden, die sich auf die Art und Weise auswirkt, wie sie visuelle Inhalte konsumieren:

ZustandPrävalenzPräsentationswirkung
Sehbehinderung12 Millionen AmerikanerKleine Texte und Inhalte mit geringem Kontrast können nicht gelesen werden
Farbsehschwäche8 % der Männer, 0,5 % der FrauenRot/Grün, Blau/Gelb kann nicht unterschieden werden
Gehörlos oder schwerhörig15 % der ErwachsenenVermisse nur verbalen Inhalt, brauche Untertitel
Kognitive Behinderungen5-15 % der BevölkerungÜberwältigt von komplexen, überladenen Folien
Motorische Behinderungen13 % der ErwachsenenKann unterstützende Technologien zum Navigieren in Folien verwenden

Über die Behinderung hinaus hilft barrierefreies Design Menschen unter nicht idealen Sehbedingungen: dunkle Konferenzräume, kleine Laptop-Bildschirme, Teilnehmer, die auf Mobilgeräten zuschauen, Nicht-Muttersprachler und alle, die während eines virtuellen Meetings Multitasking betreiben.

Rechtliche und organisatorische Anforderungen

Viele Organisationen sind aufgrund von Gesetzen wie dem ADA (USA), dem Equality Act (Großbritannien) und dem AODA (Kanada) dazu verpflichtet, barrierefreie Inhalte zu produzieren. Bundesbehörden und ihre Auftragnehmer müssen die Standards von Abschnitt 508 erfüllen. Universitäten, die Bundesmittel erhalten, müssen die ADA-Anforderungen erfüllen. Auch wenn Ihre Organisation nicht gesetzlich dazu verpflichtet ist, spiegelt die Barrierefreiheit zunehmend professionelle Standards und organisatorische Werte wider.

Farbe und Kontrast

Für ausreichenden Kontrast sorgen

Das Kontrastverhältnis misst den Luminanzunterschied zwischen Text und Hintergrund. Höhere Verhältnisse bedeuten eine bessere Lesbarkeit.

StandardMindestverhältnisGilt fürBeispiel
WCAG AA (empfohlen)4,5:1Normaler Fließtext (unter 18pt)Dunkelgrau (#333) auf Weiß (#FFF) = 12,6:1
WCAG AA3:1Großer Text (18pt+ oder 14pt fett)Mittelgrau (#767676) auf Weiß = 4,5:1
WCAG AAA (ideal)7:1Alle Texte für maximale LesbarkeitSchwarz (#000) auf Weiß (#FFF) = 21:1

So überprüfen Sie: Verwenden Sie den kostenlosen Kontrastprüfer von WebAIM. Geben Sie Ihre Text- und Hintergrundfarbe ein und es wird sofort das Verhältnis angezeigt und ob es jeden Standard erfüllt.

Häufige zu vermeidende Fehlerkombinationen:

  • Hellgrauer Text auf weißem Hintergrund (üblich in „modernen minimalistischen“ Designs)
  • Gelber oder orangefarbener Text auf weißem Hintergrund
  • Roter Text auf grünem Hintergrund (oder umgekehrt)
  • Blauer Text auf dunkelblauem Hintergrund
  • Beliebiger Text auf einem lebhaften fotografischen Hintergrund ohne durchgehende Überlagerung

Entwerfen für Farbsehschwäche

Ungefähr 300 Millionen Menschen weltweit leiden an einer Farbsehschwäche (allgemein als „Farbenblindheit“ bezeichnet). Die häufigste Form ist der Rot-Grün-Mangel, was bedeutet, dass Rot und Grün ähnlich aussehen.

Regel: Verwenden Sie niemals Farbe als einziges Mittel zur Informationsvermittlung.

Unzugänglicher AnsatzBarrierefreier Ansatz
Rot/grüne Kreise zeigen „Bestanden/Nicht bestanden“ anHäkchen/X-Symbole mit Textbeschriftung „Bestanden“/„Nicht bestanden“
Farbcodierte Diagrammlinien ohne BeschriftungJede Linie ist direkt oder mit unterschiedlichen Mustern (durchgezogen, gestrichelt, gepunktet) beschriftet
Roter Text für dringende SendungenFetter Text mit dem Präfix „URGENT:“ plus roter Farbe
Heatmap nur mit FarbverlaufHeatmap mit Wertebeschriftungen in jeder Zelle

Für Diagramme und Grafiken:

  • Fügen Sie Datenreihen direkte Beschriftungen hinzu, anstatt sich auf eine Farblegende zu verlassen
  • Verwenden Sie für Balkendiagramme neben Farben auch Muster (Schraffuren, Punkte, Streifen).
  • Wählen Sie eine farbenblinde Farbpalette: Blau/Orange, Blau/Rot, Lila/Grün funktionieren besser als Rot/Grün

Typografie und Lesbarkeit

Schriftgrößenstandards für Präsentationen

Die Schriftgrößen von Präsentationen müssen deutlich größer sein als die Schriftgrößen von Dokumenten, da Folien aus der Ferne (projiziert), auf gemeinsamen Bildschirmen oder in kleinen Laptopfenstern betrachtet werden.

ElementMinimumEmpfohlenBegründung
Schlagzeilen verschieben24pt28-36ptMuss von der Rückseite eines Raumes aus lesbar sein
Fließtext18pt20-24ptBequemes Lesen auf jeder Bildschirmgröße
Diagrammbeschriftungen12pt14-16ptLesbar, selbst wenn ein Diagramm auf dem Bildschirm klein ist
Fußnoten10pt10-12ptNur Referenz, kein primärer Inhalt

Testmethode: Teilen Sie Ihren Bildschirm in einem Videoanruf und fragen Sie jemanden auf einem 13-Zoll-Laptop, ob er den gesamten Text bequem lesen kann. Wenn nicht, erhöhen Sie die Größe.

Schriftartauswahl für bessere Lesbarkeit

  • Serifenlose Schriftarten (Arial, Helvetica, Verdana, Inter, Open Sans) sind bei kleinen Größen auf Bildschirmen im Allgemeinen besser lesbar
  • Vermeiden Sie dekorative, komprimierte oder leichte Schriftarten – sie beeinträchtigen die Lesbarkeit für Menschen mit Sehbehinderung
  • Vermeiden Sie GROSSBUCHSTABEN für den Textkörper – schwerer zu lesen, da Wörter ihre Form verlieren (Auf- und Abwärtszeichen helfen bei der Worterkennung)
  • Fett zur Hervorhebung ist Kursivschrift vorzuziehen, da diese für viele Menschen, auch für Menschen mit Legasthenie, schwerer zu lesen ist
  • Zeilenabstand von 1,2–1,5 verbessert die Lesbarkeit für alle, insbesondere aber für Menschen mit kognitiven oder visuellen Verarbeitungsunterschieden

Text in Bildern

Vermeiden Sie nach Möglichkeit das Einbetten von Text in Bilder. Text in Bildern darf nicht sein:

  • Vom Betrachter in der Größe geändert
  • Von Screenreadern gelesen
  • Ausgewählt oder gesucht
  • Übersetzt von Browser-Tools

Wenn Sie ein Bild mit Text (Screenshot, Infografik oder Diagramm) verwenden müssen, schließen Sie den gesamten Textinhalt in die Alternativbeschreibung ein.

Bilder und Grafiken

Effektiven Alt-Text schreiben

Alt-Text (Alternativtext) beschreibt Bildinhalte für Benutzer von Bildschirmleseprogrammen und für Situationen, in denen Bilder nicht geladen werden. Jedes aussagekräftige Bild benötigt Alternativtext.

Drei Bildkategorien:

BildtypAlt-Text-AnsatzBeispiel
InformativBeschreiben Sie, was angezeigt wird und warum es wichtig ist„Balkendiagramm, das einen Umsatz von 4,2 Mio. US-Dollar im vierten Quartal zeigt und damit das Ziel von 3,8 Mio. US-Dollar um 12 % übersteigt“
DekorativAls dekorativ markieren (leeres Alt), damit Screenreader es überspringenZierteiler, Hintergrundmuster
FunktionalBeschreiben Sie die Funktion, nicht das Aussehen„Link zum Herunterladen des Quartalsberichts PDF“

Alt-Text für Diagramme und Datenvisualisierungen:

Diagramme sind die am häufigsten unterbeschriebenen Bilder in Präsentationen. Für jedes Diagramm sollte der Alternativtext Folgendes enthalten:

  1. Diagrammtyp (Balkendiagramm, Liniendiagramm usw.)
  2. Was es misst (Umsatz, Benutzer, Wachstum)
  3. Wichtige Datenpunkte und die wichtigsten Erkenntnisse
  4. Zeitraum und Quelle

Beispiel: „Liniendiagramm mit monatlich wiederkehrenden Umsätzen von Januar bis Dezember 2025. MRR stieg von 1,2 Mio. $ auf 4,2 Mio. $, mit dem stärksten Wachstum im vierten Quartal nach der Einführung der Enterprise-Ebene. Quelle: internes Abrechnungssystem.“

Blinken und schnelle Bewegungen vermeiden

Inhalte, die mehr als dreimal pro Sekunde blinken, können bei Menschen mit lichtempfindlicher Epilepsie Anfälle auslösen. Dies gilt für:

  • Animierte GIFs mit schnellem Blinken
  • Videoinhalte mit Strobe-Effekten
  • Folienübergänge mit schnellem Hell-Dunkel-Wechsel

Regel: Vermeiden Sie alle blinkenden Inhalte. Verwenden Sie subtile Fade-Übergänge oder gar keine Übergänge.

Struktur und logische Reihenfolge

Überschriftenhierarchie

Screenreader und Tastaturnavigationstools verlassen sich bei der Navigation durch den Folieninhalt auf Überschriftenebenen. Behalten Sie eine klare Hierarchie bei:

  • H1: Folientitel (einer pro Folie)
  • H2: Abschnittsüberschriften innerhalb einer Folie
  • H3: Unterabschnitte, falls erforderlich

Überspringen Sie keine Überschriftenebenen (von H1 zu H3 ohne H2) und verwenden Sie die Überschriftenformatierung nicht nur zur visuellen Hervorhebung, sondern verwenden Sie stattdessen fetten Text.

Lesereihenfolge

Bildschirmleseprogramme folgen der in der Folienstruktur definierten Elementreihenfolge, nicht der visuellen Position auf dem Bildschirm. Komplexe überlappende Layouts, bei denen Elemente visuell in einer Reihenfolge angeordnet, aber strukturell in einer anderen definiert sind, sorgen für ein verwirrendes Erlebnis für Benutzer von Bildschirmleseprogrammen.

Best Practice: Halten Sie die Layouts einfach. Anordnung der Elemente von links nach rechts und von oben nach unten. Vermeiden Sie überlappende Textfelder oder komplexe mehrspaltige Layouts, die den Lesefluss unterbrechen.

Listen und Tabellen

Verwenden Sie die richtige Listen- und Tabellenauszeichnung anstelle von manuell formatiertem Text mit Bindestrichen oder Tabulatoren. Assistive Technologie kündigt Listenelemente („Element 1 von 5“) und Tabellenüberschriften an, was Benutzern hilft, die Struktur zu verstehen und durch Inhalte zu navigieren.

Fügen Sie bei Tabellen immer Kopfzeilen ein und halten Sie die Tabellenstruktur einfach (vermeiden Sie nach Möglichkeit verbundene Zellen).

Liefer- und Live-Präsentationspraktiken

Barrierefreies Design geht über die Folien selbst hinaus und umfasst auch die Art und Weise, wie Sie sie präsentieren.

Verbale Beschreibung des visuellen Inhalts

Beschreiben Sie bei Live-Präsentationen Diagramme, Bilder und visuelle Elemente:

  • „Diese Grafik zeigt den Umsatzanstieg von 1,2 Mio. US-Dollar auf 4,2 Mio. US-Dollar im vergangenen Jahr, mit dem stärksten Wachstum im vierten Quartal.“
  • „Der Screenshot auf dem Bildschirm zeigt unser Dashboard mit drei Hauptbereichen: Pipeline-Übersicht, Aktivitäts-Feed und Umsatz-Tracker.“

Dies hilft Teilnehmern, die den Bildschirm nicht klar sehen können – sei es aufgrund von Sehstörungen, schlechter Projektorqualität oder der Betrachtung auf einem kleinen mobilen Bildschirm.

Bildunterschriften für virtuelle Präsentationen

Aktivieren Sie nach Möglichkeit Live-Untertitel für virtuelle Präsentationen. Die meisten großen Plattformen (Zoom, Microsoft Teams, Google Meet) bieten jetzt automatische Untertitel an. Für eine höhere Genauigkeit sollten Sie bei wichtigen Präsentationen von Menschen erstellte Untertitel (CART-Dienste) in Betracht ziehen.

Teilen Sie Materialien im Voraus

Geben Sie das Deck 24–48 Stunden vor der Präsentation frei, damit die Teilnehmer:

  • Überprüfen Sie mithilfe unterstützender Technologie in Ihrem eigenen Tempo
  • Passen Sie Schriftgrößen oder Kontrast in Ihrem eigenen Viewer an
  • Bereiten Sie Fragen basierend auf dem Inhalt vor
  • Verfolgen Sie die Live-Präsentation

Tempo

Lassen Sie zwischen den Folien Zeit für die Verarbeitung. Eine Pause von 2–3 Sekunden beim Vorrücken der Folien gibt den Teilnehmern Zeit, den neuen Inhalt zu lesen, bevor Sie anfangen, darüber zu sprechen. Dies ist besonders wichtig für Teilnehmer, die Screenreader verwenden oder in einer zweiten Sprache verarbeiten.

Checkliste für Barrierefreiheit

Nutzen Sie diese Checkliste vor jeder Präsentation:

KategoriePrüfenStatus
KontrastTextkontrastverhältnis ≥4,5:1 für Haupttext, ≥3:1 für großen Text
FarbeFarbe ist nicht das einzige Mittel zur Informationsvermittlung
SchriftgrößeTextkörper ≥18pt, Überschriften ≥24pt
Alt-TextJedes aussagekräftige Bild und Diagramm verfügt über einen beschreibenden Alternativtext
StrukturKlare Überschriftenhierarchie (H1 → H2 → H3)
BewegungKein blinkender Inhalt (≤3 Blitze pro Sekunde)
TabellenKopfzeilen definiert, einfache Struktur
LesereihenfolgeLogische Reihenfolge entspricht visuellem Layout
MaterialienWenn möglich im Voraus geteilt
LieferungPlanen Sie, visuelle Elemente verbal zu beschreiben
BildunterschriftenLive-Untertitel für virtuelle Präsentationen aktiviert

Erste Schritte

Barrierefreiheit ist eine Praxis und keine einmalige Lösung. Bauen Sie diese Gewohnheiten von Anfang an in Ihren Arbeitsablauf ein, dann werden sie automatisch. Das Ergebnis sind Präsentationen, die für alle besser funktionieren – nicht nur für Menschen mit Behinderungen.

Verwenden Sie den SlidesMate-Editor, um barrierefreie Präsentationen mit klarer Struktur, lesbarer Typografie und professionellem Design zu erstellen. Durchsuchen Sie unsere Vorlagen nach Layouts, die unter Berücksichtigung der Barrierefreiheit erstellt wurden.

Weitere Präsentationsleitfäden finden Sie in unserem Blog für ansprechendes Foliendesign, Datenvisualisierung und Schulungsmaterialien.

Erstellen Sie barrierefreie Präsentationen mit SlidesMate – kostenlos testen, keine Kreditkarte erforderlich.

Verwandte Artikel

Verwandte Vorlagen