Navigation auf uzh.ch

Suche

Magnolia CMS User Guide

Accessibility Quick Guide (h1)

Titelhierarchie (h2)

Der Seitentitel ist automatisch als «Überschrift 1» definiert, der Titel einer Text/Bild-Komponente als «Überschrift( 2».

Titelhierarchie im Text-Bereich (h3)

Für jedes Kapitel sollte eine eigene Text/BIld-Komponente erstellt werden. Der Titel der Komponente wird dann zur Kapitelüberschrift (h2).

Untertitel: Überschriften statt "Bold" (h4)

Weitere Untertitel sollten als Überschriften formatiert werden (Überschrift 4-7). Eine «fett»-Markierung ist nur eine visuelle Hervorhebung ohne semantische Struktur.

Lückenlose Titelhierarchie (h4)

Verwenden Sie durchgehende Überschrift-Hierarchien, also beginnen Sie in einer Text-Bild-Komponente mit «Überschrift 3», dann «Überschrift 4», usw.

Listen

  • Aufzählungen, z.B. Publikationslisten, sollten als Liste formatiert werden.
  • Spielt die Reihenfolge eine Rolle, z.B. bei Anleitungen, verwenden Sie die nummerierte Liste.
  • Verwenden Sie aussagekräftige Linktexte (nicht «hier» etc.).
  • Ein Screenreader kann alle Links einer Seite vorlesen. Das ist bei einer Liste wie «hier» «hier» «Link» allerdings nicht sehr hilfreich.
  • Ein Beispiel sei der Link auf unser ausführlicheres Accessibility-Tutorial.

Bilder

  • Bilder müssen mit einem Alternativtext versehen sein. Dieser ist auf der Seite nicht sichtbar, wird aber vom Screenreader gelesen.
  • Bei rein dekorativen Bildern kann der Alternativtext leer gelassen werden.

Tabellen

  • Bei Tabellen sollten Sie die «Kopfzeile» verwenden (Tabellen-Eigenschaften): Erste Zeile, Erste Spalte oder Beide.
  • Damit defineiren Sie die Titelzeile oder -spalte.
  • Screenreader nennen dann bei den einzelnen Zellen immer auch die zugehörigen Titel (der Spalte und/oder Zeile).
Accessibility-Kurs Name Vorname
Kursleiter 1 Muster Peter
Kursleiter 2 Steiner Sylvia

Diverses

  • Vermeiden Sie «Abstandshalter», wie z.B. leere Text/Bild-Komponenten oder leere Paragrafen. Für Hörende bedeuten sie unnötigen Lärm.

Accessibility-Tipps

Beachten Sie auch unsere Tutorials zu Websites und PDFs.

Kurs

Die ZI bietet zusammen mit der Fachstelle Studium und Behinderung einen Kurs zur Accessibility mit Magnolia an:Accessibility@UZH mit dem CMS

Kurz-URL dieser Seite

Weiterführende Informationen

(dekoratives Bild)

WAVE Accessibility-Checker

Mehr zu WAVE Accessibility-Checker

Die non-profit Organisation WebAIM (Web Accessibility in Mind) stellt einen hilfreichen Accessibility-Checker zur Verfügung.

Deko

Fachstelle Studium und Behinderung (UZH)

Mehr zu Fachstelle Studium und Behinderung (UZH)

Das Kompetenzzentrum der UZH für Themen rund um Behindertengleichstellung, Inklusion, Barrierefreiheit und Nachteilsausgleich.

Deko

Stiftung «Zugang für alle»

Mehr zu Stiftung «Zugang für alle»

Kompetenzzentrum für barrierefreie Technologie und offizielle Zertifizierungsstelle für barrierefreie Webauftritte in der Schweiz.