Zugängliche, inklusive und verständliche Präsentationen

Folie 1

Zugängliche, inklusive und verständliche Präsentationen

A-Tag | 10. Oktober 2019

Annett Farnetani, mindscreen GmbH

Informationen zum Vortrag: mindscreen.de/barrierefreiepraesentationen

Folie 2

Unser Publikum ist unterschiedlich.

Folie 3

Unser Publikum ist* unterschiedlich.

Fußnote: versteht, lernt, sieht, hört, spricht, bewegt sich

Folie 4

  1. Vor der Präsentation
  2. Während der Präsentation
  3. Nach der Präsentation

Folie 5

Vor der Präsentation

Folie 6: Vor der Präsentation

Klares Design der Folien

Folie 7: Vor der Präsentation

Design

Gestalten Sie die Folien einheitlich und nachvollziehbar.

Folie 8: Vor der Präsentation

Design

Wählen Sie einen hohen Kontrast zwischen Inhalt und Hintergrund.

Folie 9: Vor der Präsentation

Design | Farbkontraste

Test-Tool: Color.review

Bild: Screenshot der Website Color.review. Im rechten Bereich wird die Vorder- und Hintergrundfarbe angezeigt. Im linken Bereich wird grafisch vermitteln, welchen Kontrast die Farben laut WCAG haben.

Folie 10: Vor der Präsentation

Verwenden Sie Farbe nicht als einziges Unterscheidungsmerkmal.

Folie 11: Vor der Präsentation

Design | Farbe nicht als einziges Unterscheidungsmerkmal

Bild: Ein Liniendiagramm zeigt den Graph für Einnahmen in rot und den Graph für Ausgaben in grün. Die Legende ist rechts vom Diagramm.

Folie 12: Vor der Präsentation

Design | Farbe nicht als einziges Unterscheidungsmerkmal

Das Liniendiagramm ist identisch zum vorherigen, jedoch wird zusätzlich Farbenblindheit simuliert. Das Diagramm ist nur in Grautönen gestaltet. Die Linien haben zueinander einen geringen Grauunterschied und sind somit kaum zu unterscheiden.

Folie 13: Vor der Präsentation

Design | Farbe nicht als einziges Unterscheidungsmerkmal

Bild: Ein Liniendiagramm zeigt den Graph für Einnahmen in rot und den Graph für Ausgaben in grün. Die Legende ist direkt am jeweiligen Graph.

Folie 14: Vor der Präsentation

Design | Farbe nicht als einziges Unterscheidungsmerkmal

Bild: Das Liniendiagramm zeigt den Graph für Einnahmen in rot und den Graph für Ausgaben in grün. Zusätzlich haben die Datenpunkte bei Einnahmen einen Punkt und bei Ausgaben ein Quadrat zur Unterscheidung.

Folie 15

Empfehlung

Unterlagen in Schwarzweiß / Grautönen testen.

Folie 16: Vor der Präsentation

Design

Machen Sie die Schrift größer.

Vergleich von Schriftgrößen:

Folie 17: Vor der Präsentation

Design

Setzen Sie Text nicht ausschließlich in Großbuchstaben.

Folie 18: Vor der Präsentation

Verständlicher Inhalt der Folien

Folie 19: Vor der Präsentation

Inhalt

Reduzieren Sie den Inhalt der Folien.

Folie 20: Vor der Präsentation

Inhalt

Schreiben Sie kurze und verständliche Sätze.

Folie 21: Vor der Präsentation

Inhalt | Verständliche Sätze

Verwenden Sie Verben statt Nomen.

Beipiel

Folie 22

Empfehlung

Tauschen Sie Wörter aus, die mit -heit, -keit, -schaft und -ung enden.

Folie 23: Vor der Präsentation

Inhalt

Bezeichnen Sie Linktexte nachvollziehbar.

Folie 24: Vor der Präsentation

Inhalt

Prüfen Sie, ob alle Medien barrierefreie Alternativen haben.

Folie 25

Empfehlung

Bilden Sie Diversität ab – in Bildern, Beispielen und Themen.

Screenshot der Website gesellschaftsbilder.de

Folie 26: Vor der Präsentation

Teilen der Folien

Folie 27: Vor der Präsentation

Teilen der barrierefreien Folien

Folie 28

Während der Präsentation

Folie 29

Das Publikum schaut zu, hört zu und liest* im eigenen Tempo.

Fußnote: Und ist auch mit dem Smartphone beschäftigt.

Folie 30: Während der Präsentation

Was Sie sagen

Folie 31: Während der Präsentation

Was Sie sagen

Klären Sie organisatorische Fragen.

Folie 32: Während der Präsentation

Was Sie sagen

Erklären Sie den Aufbau des Vortrags.

Folie 33: Während der Präsentation

Was Sie sagen

Beschreiben Sie, was Sie zeigen.

Folie 34: Während der Präsentation

Was Sie sagen

Beschreiben Sie, was Sie sehen.

Folie 35

Empfehlung

Präsentieren Sie, als wären Sie in einer Radiosendung.

Bild: Icon eines Mikrofons und eines Frauenkopfes.

Folie 36: Während der Präsentation

Was Sie sagen

Wiederholen Sie, was Sie hören.

Folie 37: Während der Präsentation

Wie Sie es sagen.

Folie 38: Während der Präsentation

Wie Sie es sagen

Wenden Sie sich dem Publikum zu.

Folie 39: Während der Präsentation

Wie Sie es sagen

Verwenden Sie ein Mikrofon.

Folie 40: Während der Präsentation

Wie Sie es sagen

Reden sie langsam(er).

Folie 41: Während der Präsentation

Wie Sie es sagen

Machen Sie Pausen.

Folie 42

Nach der Präsentation

Folie 43 bis 45: Nach der Präsentation

  1. Teilen der Folien
  2. Teilen der Inhalte
  3. Teilen des Vortrags

Folie 46

Folie zeigt Screenshot von Twitter-Gespräch:

Manuel Matuzović (@mmatuzo) schreibt am 25- September: A quick tip for speakers: If you show an image, animation or video, don't just say something like "and that might look a little bit like this". Explain what's shown. There may be blind people or people with low vision in the audience. Also, descriptions may help others as well.

Jo Spelbrink (@joville) antwortet: Yep, A11Y is needed everwhere! Especially in all crossover areas.

Folie 47

Ressourcen

Folie 48: Vielen Dank!

annett.farnetani@mindscreen.de Twitter: @AFarnetani Barrierefreies Webdesign, barrierefreier Webinhalt, Beraterin für digitale Barrierefreiheit

mindscreen GmbH Umsetzung, Beratung, Schulung