Leitfaden für Öffentlichkeitsarbeit

Bei der Öffentlichkeitsarbeit geht es darum, Studierende zu erreichen und zu informieren. Als primäres Medium, nutzen wir daf¨ur unsere Website: www.asta-bonn.de.

Hier findet ihr einige Hinweise und Empfehlungen, wases zu beachten gilt. Dazu sei gesagt, dass ihr natürlich jederzeit Dinge anders machen könnt und die Dinge aus dem Leitfaden nicht einhalten müsst. Wichtig ist, dass wir die Öffentlichkeitsarbeit studiorientiert gestalten, niemanden ”vergessen“ und unsere Designs verst¨andlich und lesbar sind.

1 Wichtiges

• alle Infos und Ankündigungen sollen zuerst auf der Website eingetragen werden
• Infos sollen für alle Studierenden der Uni Bonn zugänglich sein, also insbesondere erreichbar und verständlich
• Veröffentlichungen im Namen des AStA sollen vorher dem Vorsitz und/oder Off zugeschickt werden (das ist nicht zur “Genehmigung”, sondern dient nur zur Übersicht)
• bei Social Media Post soll der asta bonn-Account generell als Collab-Partner eingeladen werden
• das AStA-Logo (Link zu den Logos) soll erkenntlich auf die Medien (wenn möglich insbesondere auf die erste Seite)

2 Sprache, Text und Überschriften

2.1 Sprache

• einfache und möglichst kurze Wörter und Sätze, wenig Fremd-, Füll- oder Fachwörter (bei Verwendung erklären)
• Sprachbarrieren beachten: Texte auch in einfacher Sprache oder Englisch anbieten ( Übersetzer für einfache Sprache: https://www.leichte-sprache-uebersetzer.de/)
• in aktiv statt passiv schreiben, eher Verbalstil als Nominalstil
• Redewendungen (\rw) oder Sarkasmus (\s) kennzeichnen

2.2 Text

• Schriftart:

• idealerweise werden Schriftarten gewählt, die die Lesbarkeit unterstützen ( z.B. Atkinson Hyperlegible) oder serifenlose Schriften gewählt (z.B. Calibri oder Arial)
• auf Unterscheidbarkeit der einzelnen Buchstaben und Zahlen achten (Probleme gibt es z.B. bei ebgs, gmnr, 1Iil)
• → Schmuckschriften, Kursivstellung oder Versalschreibung ist zu vermeiden; auch übermäßiges unterstreichen kann Lesbarkeit verringern

• mindestens Schriftgröße 12 wählen
• mind. 1,5-facher Zeilenabstand, bei Absätzen doppelter Zeilenabstand, genügend Absätze wählen
• linksbündige Satzausrichtung ist empfohlen
• wichtige Infos präsent/hervorgehoben darstellen
• viele Emojis vermeiden (diese werden bei Screenreadern mit vorgelesen)

2.3 Überschriften

• sollen informativ, kurz, verständlich und kontextunabhängig sein
• Hierarchie sollte der Hierarchie des Textes entsprechen und keine Ebene übersprungenwerden (Hierarchie Ebenen können bei Webseiten mittels HeadingsMap (kostenloses Browser Add-on bei Chrome) ermittelt werden und können strukturelle Fehler zeigen)

• Überschrift erster Ordnung: Titel der Start- oder Unterseite
• Überschrift der zweiten Ordnung: Hauptüberschriften zur Kennzeichnung von Texten/Website-Einträgen
• Überschrift dritter Ordnung: Zwischenüberschriften innerhalb eines Textes zur Kennzeichnung von Absätzen

3 Bilder

• Bildgestaltung:

• erkennbare Motive mit eindeutigen Bildaussagen
• Icons/Pictogramme: Hilfreich in der Kommunikation, wobei diese in der flächigen Umsetzung besser erkennbar sind, als lineare

• Alternativtext schreiben: Inhalts und/oder Funktionserklärung der Darstellungen; im Layout unsichtbar, aber erfassbar von Screenreadern

→ kurze, objektive Beschreibung, welche alle Fachbegriffe beinhaltet und nicht interpretiert wird; Text im Bild wird in Anführungsstrichen genannt; Copyright-Vermerke und sonstiges müssen als Bestandteil eines Bildes ebenfalls genannt werden; Links oder QR-Codes sollen mit Zusatzinformationen angegeben werden

→ zu finden z.B. bei Instagram: “Weitere Optionen” → “alternativer Text”

• informative Bilder: kurze Angabe der Information
• komplexe Bilder: längere Beschreibung
• funktionale Bilder: Funktionsangabe
• dekorative Bilder: kein Text

→ Empfehlung für das Schreiben von Alternativtexten: keine navigierenden Formulierungen wie "im Bildzu sehen”, ”der rote Kasten links”; außerdem keine Verwendung von Emoticons

• Bild-CAPTCHAs sollten mit Audioversion oder nicht bildbasierten Alternativen ergänzt werden

4 Farben und Gestaltung

• AStA-Rot: R 132 / G 22 / B 41
• vermeide Kombinationen mit knalligen oder komplementären Farben
• Informationen im Text oder Grafiken soll nicht ausschließlich über Farben vermittelt werden, verwende z.B. auch Symbole, Muster oder Unterstreichen
• starke Kontraste zwischen Text und Hintergrund setzen, um das Lesen zu vereinfachen
• Hintergrund dezent halten, keine wuseligen Bilder
• Kontrastwerte können mittels Colour Contrast Analyser genau bestimmt werden (beispielsweise hier: https://color.adobe.com/de/create/color-contrast-analyzer), als Faustregel gelten die Mindestwerte:

• 4,5:1 für Texte
• 7:1 bei Text mit Hintergrund
• 3:1 für Überschriften
• 3:1 für Grafiken
• 3:1 für Bedienelemente
• 3:1 für Links im Text (Links sollten zusätzlich durch Symbole oder Unterstreichung kenntlich gemacht werden; Farbe allein ist nicht empfohlen)
• 3:1 bei Pflichtfeldern in Formularen (am besten ebenfalls durch Symbolik gekennzeichnet)
• 3:1 bei Menüeinträgen (sollten am besten zusätzlich unterstrichen werden)

5 Struktur und Navigation

• achte auf eine sinnvolle Reihenfolge: Sehende nehmen eine Webseite als mehrdimensionalen Raum war, während Menschen mit Sehbeeinträchtigung durch Screanreader eine lineare Wahrnehmung haben und Elemente einzeln wahrnehmen
• achte auf gleichbleibenden Aufbau und Anordnung der Elemente in der Navigation: eine gleiche Präsentation und Verhaltensweise von gleichartigen Elementen sorgt für Orientierung und Vorhersehbarkeit
• vermeide Richtungsverweise wie ”links“ oder ”rechts“, da das Layout dem Medium angepasst ist
• mit einem Screenreader kann man auch selbst die Barrierefreiheit pr¨ufen (einen kostenlosen gibt es unter anderem von NVDA: https://nvda.bhvd.de/)

6 Videos

• es sollten Untertitel hinzugefügt werden
• Navigation, Steuerung und Bedienung eines Videos oder einer Animationen sollte auch allein mit Tastatur durch den Nutzer möglich sein

7 Hinweise zu Online-Publikationen

• Möglichkeiten: Website, Social Media (Instagram, Facebook, Bluesky...), Kulturticketapp, Veranstaltungskalender der Uni, weitere Veranstaltungs- oder Aktionskalender
• achtet auf ein geeignetes Dateiformat und eine gute Auflösung (rund 100 ppi sollten ausreichen)

• png: besteht aus Pixeln, daher muss die Auflösung an die Druckgröße angepasst sein. Eignet sich für Illustrationen wie Logos, kann auch transparenter Hintergrund.
• jpg (jpeg): besteht aus Pixeln, daher muss die Auflösung an die Druckgröße angepasst sein. Eignet sich für Fotos.
• pdf:

8 Hinweise zu Printmedien (offline)

• Möglichkeiten: Flyer, Plakate, Broschüren, BAStA, Sticker
• lieber mattes als glänzendes Papier wählen
• auf geringen Grauwert bei Recycling-Papieren achten
• Fyler als PDF unter PDF Accessibility Checker PAC 3 auf Barrierefreiheit überprüfen lassen, bei Word kann z. B. das Add-In AxesPDF for Word benutzt werden
• achtet auf ein geeignetes Dateiformat und eine gute Auflösung (zum Druck sind 300 ppi empfohlen)

9 Hilfe und bei Fragen

9.1 Öffentlichkeitsreferat

oeff@asta.uni-bonn.de

Sehr gerne unterstützen wir euch bei der Öffentlichkeitsarbeit - dafür sind wir da. Wir können Sharepics, Stories und Reels, aber auch Flyer und Plakate für eure Veranstaltungen oder Beratungen erstellen. Zudem machen wir gern Fotos von Veranstaltungen. Diese helfen euch auch für die Bewerbung zukünftiger Veranstaltungen. Falls ihr etwas selbst erstellen wollt, können wir unterstützen und beraten.

9.2 CIMND*-Referat

cimnd-referat@asta.uni-bonn.de

Bei Fragen oder Unterstützungsbedarf im Bereich der (digitalen) Barrierefreiheit stehen wir euch gern zur Seite.

Wir können euch bei der Anwendung der Inhalte des Leitfadens in Bezug zur Barrierefreiheit oder auch bei der barrierefreien Gestaltung sowie Umsetzung von Projekten, Veranstaltungen und sonstigem helfen und beraten.

9.3 Geschäftszimmer

orga@asta.uni-bonn.de