TYPO3

Digitale Barrierefreiheit, SEO & KI

Websites müssen der gesetzlichen Barrierefreiheit entsprechen und sollen suchmaschinenoptimiert sowie KI-gerecht gestaltet sein. Diese Anleitung enthält ein paar wichtige Tipps, wie Sie Ihre Seiten für alle User*innen und Suchmaschinen zugänglich, auffindbar und verständlich aufbereiten.

Digitale Barrierefreiheit

Digitale Barrierefreiheit bedeutet, dass alle Menschen Ihre Inhalte uneingeschränkt wahrnehmen, verstehen und unter anderem mit Screenreadern bedienen können.

Im Intranet finden Sie stets die aktuellsten Informationen zur barrierefreien Webredaktion.

Viele Vorgaben sind bereits im TYPO3-Design der Universität Wien umgesetzt. Achten Sie dennoch auf folgende Punkte bei der Inhaltserstellung:

  • Überschriftenstruktur: Strukturieren Sie die Inhalte unter dem Seitentitel (H1) logisch mit H2-Überschriften für Hauptabschnitte und H3 (bzw. H4) für untergeordnete Inhalte. Überschriftenebenen dürfen dabei nicht übersprungen werden (z.B. keine H4 direkt nach H2).
  • Sprache: Inhalte müssen mit der korrekten Sprache ausgezeichnet sein. Verwenden Sie für jede Sprachversion die entsprechende Seitensprache und mischen Sie keine Sprachen innerhalb einer Seite. Das ist wichtig für Screenreader, da diese die Inhalte sonst falsch vorlesen.
  • Links: Sprechende Linktexte verwenden („Zur Anmeldung“ statt „Hier klicken“).
  • Downloads: Verwenden Sie möglichst HTML-Seiten statt herunterladbarer Dateien. Falls Dateien (z.B. PDF, DOCX oder XLSX) notwendig sind, müssen diese digital barrierefrei sein. Kennzeichnen Sie im Linktext den Dateityp (z.B. „Leitfaden (PDF)“).
  • Bilder: Versehen Sie Bilder mit einem aussagekräftigen Alternativtext, wenn sie für das Verständnis der Seite erforderlich sind. Rein dekorative Bilder (z. B. Fotos von Studierenden oder Gebäuden) benötigen keinen Alternativtext.
  • Videos: Videos mit Untertiteln und Kurzbeschreibung einbinden.
  • Kontrast bei Bild und Text: Prüfen Sie bei Elementen mit Text über Bildern (z.B. Hauptseiten-Header oder Highlight-Banner) immer, ob der Kontrast ausreichend ist. Texte müssen klar lesbar bleiben.
  • Tabellen: Nur für Daten verwenden, nicht für Layout.

Wichtige Infos zum Seitentitel (H1)

  • Seitentitel = H1

    Jede Seite benötigt aus Gründen der digitalen Barrierefreiheit einen eindeutigen Seitentitel (H1). Dieser ermöglicht es Screenreadern, den Inhalt korrekt zu erfassen und strukturiert wiederzugeben. Daher ist das Feld Seitentitel in den Seiteneigenschaften verpflichtend auszufüllen. 

    Der Seitentitel darf nicht ausschließlich als Teil eines Header-Bildes dargestellt werden, da er in diesem Fall für assistive Technologien nicht zugänglich ist.

    Sprachvarianten:
    Im Modul Websiteverwaltung, das nur für Admins zugänglich ist, kann der Seitentitel für einzelne Sprachversionen neu gesetzt werden. Wird dort kein eigener Wert definiert, wird automatisch der Seitentitel aus den Seiteneigenschaften verwendet.

  • Kongress- und überuniversitäre Templates

    Der Seitentitel wird bereits bei der Seitenanmeldung festgelegt und kann nicht im TYPO3 Backend angepasst werden. Dieser Titel wird automatisch als H1 im bzw. unter dem Header ausgespielt.

Inhalte mit Screenreader testen

Zur Überprüfung der Inhalte aus Sicht von Screenreader-Nutzer*innen empfehlen wir NVDA, einen kostenlosen Open-Source-Screenreader für Windows. Zusätzlich steht eine englischsprachige Bedienungsanleitung zur Verfügung.

Weitere Infos und zusätzliche Screenreader-Tools finden Sie im Intranet.

u:rise Schulungen zur digitalen Barrierefreiheit

Nutzen Sie auch das u:rise Schulungsangebot zum Thema Barrierefreiheit um sich mit der Thematik vertraut zu machen und praktische Anwenderkenntnisse zu erwerben:

Hinweis

Wenn Sie die vorgegebenen TYPO3-Inhaltselemente wie in unseren Anleitungen beschrieben verwenden, erfüllen Sie automatisch das gesetzlich geforderte WCAG-Level AA bzw. WCAG-Level AAA.

Suchmaschinenoptimierung (SEO)

Suchmaschinenoptimierung sorgt dafür, dass Ihre Seite in Suchergebnissen besser sichtbar und auffindbar ist.

Ziel ist, dass Nutzer*innen rasch finden, was sie suchen und Suchmaschinen Ihre Inhalte korrekt einordnen.

  • Ein Thema pro Seite: Vermeiden Sie doppelte Inhalte; verlinken Sie intern und extern auf passende (Unter-)Seiten.
  • Meta-Daten: Füllen Sie Meta-Titel (max. 65 Zeichen) und Meta-Description (ca. 150 Zeichen) in den Seiteneigenschaften für jede Seite individuell aus.
    • Keyword, Synonyme, potenzielle Suchphrasen in beide Felder einbauen
    • Die Suchintention treffende Information bereitstellen
    • Marketingwirksame Begriffe verwenden/ Klickanreiz anbieten
  • Alt-Texte & Dateinamen: Geben Sie den Bildern aussagekräftige Beschreibungen, damit Nutzer*innen und Suchmaschinen den Inhalt leicht erfassen können.
  • Keywords: Fügen Sie relevante Keywords ein, nach denen Ihre Nutzer*innen in Suchmaschinen suchen.
  • Struktur: Achten Sie auf klare H1-Hauptüberschriften und passende H2-/-H3 Zwischenüberschriften, sinnvolle Absätze und Listen.
  • Aktualität: Aktualisieren und prüfen Sie Inhalte regelmäßig.

Mehr zu SEO gibt es in der Websites Community

Hinweis

Klare Struktur, verständliche Texte und relevante Keywords verbessern sowohl das Suchmaschinen-Ranking als auch die Nutzer*innen-Erfahrung.

KI-Optimierung (GEO)

KI-Systeme analysieren Texte ähnlich wie Menschen und Suchmaschinen-Algorithmen und bevorzugen Inhalte, die klar, konsistent und eindeutig formuliert sind.

  • Aktiv schreiben: Schreiben Sie „prüfen“ statt „eine Prüfung durchführen“.
  • Konsistente Begriffe: Nutzen Sie für eine Sache immer denselben Begriff.
  • Füllwörter & Weichmacher: Verzichten Sie auf Wörter wie „eventuell“ oder „unter Umständen“.
  • Eindeutige Aussagen: Vermeiden Sie mehrdeutige Formulierungen.
  • Struktur: Nutzen Sie Überschriften, Absätze und klare Gliederungen, damit Inhalte leicht verständlich sind.
  • Listen: Verwenden Sie Listen oder Schritte für Aufzählungen. Sie erleichtern das schnelle Erfassen von Inhalten und werden von KI-Systemen gut verarbeitet.
  • FAQ: Strukturieren Sie häufige Fragen und Antworten in eigenen Abschnitten, um Inhalte klar und direkt zugänglich zu machen.
  • Tabellen: Nutzen Sie Tabellen für strukturierte Informationen wie Vergleiche oder Datenübersichten und achten Sie auf eindeutige Beschriftungen.

Hinweis

Gut strukturierte und verständliche Texte helfen KI-Systemen, Ihre Inhalte richtig zu interpretieren und sichtbarer zu machen.

Sprache & Stil

Eine klare und einheitliche Sprache verbessert nicht nur die Lesbarkeit, sondern wirkt sich direkt auf Digitale Barrierefreiheit, Suchmaschinenoptimierung (SEO) und maschinelle Verarbeitung aus.

  • Schreiben Sie immer per „Sie“ und verwenden Sie genderinklusive Sprache mit Sternchen (z. B. Student*innen).
  • Verwenden Sie britisches Englisch und achten Sie auf konsistente Schreibweisen in allen Texten.
  • Formulieren Sie kurz, klar und verständlich, vermeiden Sie Abkürzungen und unnötig komplexe Sätze.

Haben Sie noch Fragen?

Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?

Nach oben