Barrierefreie Typst-Vorlagen

Permalink "Barrierefreie Typst-Vorlagen"

Barrierefreie Vorlagen sind essenziell, um konsistent PDF/UA-1- oder PDF/UA-2-konforme Dokumente zu erzeugen. Dieses Modul stellt ein vollständiges Grundgerüst für Typst-Vorlagen bereit, die in Hochschulen, Behörden, Vereinen oder Projekten eingesetzt werden können.

Ziele:

  • Einheitliche barrierefreie Formatierung sicherstellen
  • Fehlerquellen im Layout vermeiden
  • Wiederverwendbare Strukturen anbieten
  • Automatisierte UA-konforme PDF-Erzeugung ermöglichen

Die hier vorgestellte Vorlage kann direkt verwendet oder institutionell angepasst werden.

Anforderungen an barrierefreie Vorlagen

Permalink "Anforderungen an barrierefreie Vorlagen"

Eine barrierefreie Typst-Vorlage muss folgende Anforderungen erfüllen:

  • eingebettete Unicode-Schriften
  • definierte Dokumentmetadaten
  • definierte Basis-Sprache
  • semantische Überschriftenstruktur
  • Stilregeln für Tabellen, Abbildungen, Formeln
  • vordefinierte Makros für Gleichmäßigkeit
  • klarer Dokumentfluss (keine absolute Positionierung)

Diese Regeln müssen in der Vorlage technisch hinterlegt sein, nicht erst beim Schreiben des Dokuments.

Grundstruktur einer barrierefreien Typst-Vorlage

Permalink "Grundstruktur einer barrierefreien Typst-Vorlage"

Eine vollständige Typst-Vorlage besteht aus:

  • Dokumenteinstellungen
  • globale Text-Formatierungen
  • Kapitelstruktur
  • Makros für wiederkehrende Elemente
  • Musterseiten bzw. Inhaltsbausteinen
  • Beispielabschnitten

Im Folgenden ein vollständiges Vorlagenbeispiel.

Beispielvorlage: barrierefreie Typst-Struktur

Permalink "Beispielvorlage: barrierefreie Typst-Struktur"
 1#set page(size: "a4")
 2#set pdf(accessibility: "ua-1")
 3
 4#set document(
 5  title: "Barrierefreie Typst-Vorlage",
 6  author: "Institution / Projekt",
 7  lang: "de-DE",
 8)
 9
10#set text(
11  font: "Noto Sans",
12  size: 11pt,
13  lang: "de",
14  leading: 1.3em,
15)
16
17#let heading-style(level) = {
18  if level == 1 { text(size: 20pt, weight: "bold") }
19  else if level == 2 { text(size: 16pt, weight: "bold") }
20  else if level == 3 { text(size: 13pt, weight: "bold") }
21  else { text(size: 11pt, weight: "bold") }
22}
23
24#set heading(numbering: "1.1.1", style: heading-style)
25
26= Titel des Dokuments
27Einleitungstext. Diese Vorlage erfüllt alle Grundlagen für barrierefreie PDF-Dokumente in Typst.
28
29== Kapitel 1 – Grundlagen
30Dies ist ein Beispielabsatz.
31
32#figure(
33  image("beispielbild.png"),
34  caption: "Beispielbild",
35  alt: "Beschreibung der dargestellten Inhalte"
36)
37
38== Tabelle
39#table(
40  columns: 2,
41  align: horizon,
42  [
43    *Parameter* | *Wert*
44    Temperatur  | 22°C
45    Druck       | 1015 hPa
46  ]
47)
48
49== Formel
50Eine bekannte Formel lautet:
51$E = m * c^2$
52
53#text(lang: "en")[Mass and energy are equivalent according to Einstein's theory.]

Makro-Erweiterungen für barrierefreie Vorlagen

Permalink "Makro-Erweiterungen für barrierefreie Vorlagen"

Um die Bedienung zu vereinfachen, empfehlen sich zusätzliche Makros. Damit kann semantisch sichergestellt werden, dass notwendige Parameter einheitlich angegeben werden.

Makro für standardisierte Abbildungen

Permalink "Makro für standardisierte Abbildungen"
1#let altfigure(imagepath, caption: "", alt: "") = figure(
2  image(imagepath),
3  caption: caption,
4  alt: alt,
5)

Beispiel:

1#altfigure(
2  "diagramm.svg",
3  caption: "Temperaturverlauf",
4  alt: "Diagramm mit ansteigender Temperatur über drei Messpunkte"
5)

Makro für standardisierte Tabellen

Permalink "Makro für standardisierte Tabellen"
1#let datatable(columns: 2, body) = table(
2  columns: columns,
3  align: horizon,
4  body
5)

Makro für Formelerläuterungen

Permalink "Makro für Formelerläuterungen"
1#let explain(formula, text) = block(
2  formula,
3  text
4)

Beispiel:

1#explain(
2  $a^2 + b^2 = c^2$,
3  "Der Satz des Pythagoras beschreibt die Beziehung der Seiten im rechtwinkligen Dreieck."
4)

Designempfehlungen für Institutionen

Permalink "Designempfehlungen für Institutionen"
  • Kontrastreiche Farben verwenden
  • Serifenschriften für Mengentext vermeiden
  • Keine Layouttricks mit Textboxen oder absoluten Koordinaten
  • Logo nur als dekoratives Bild ohne Informationsgehalt → alt: ""
  • Standardisierte Kapitel- und Abschnittsstruktur festlegen

Beispiel: Minimaler Projektbericht auf Basis der Vorlage

Permalink "Beispiel: Minimaler Projektbericht auf Basis der Vorlage"
 1= Projektbericht 2026
 2Kurzbeschreibung des Projekts.
 3
 4== Einleitung
 5Dieser Bericht wurde mit einer barrierefreien Typst-Vorlage erstellt.
 6
 7== Methoden
 8Beschreibung der angewandten Methoden.
 9
10== Ergebnisse
11#altfigure(
12  "messung.svg",
13  caption: "Messverlauf über Zeit",
14  alt: "Chart mit langsamer Aufwärtsbewegung der Messwerte"
15)
16
17== Fazit
18Zusammenfassung der wichtigsten Erkenntnisse.

Dieses Modul liefert eine vollwertige barrierefreie Typst-Vorlage, inklusive:

  • Dokumentmetadaten
  • semantischer Struktur
  • Tabellen-, Grafik- und Formelelementen
  • Makros zur Vereinheitlichung
  • Beispielaufbau eines vollständigen Berichts

Damit können Institutionen konsistente PDF/UA-konforme Vorlagen aufbauen und langfristig barrierefreie Workflows sicherstellen.

Informationen zu diesem Artikel

Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!