Textinhalte

Allgemeines zu Texten und Dokumenten

Folgende Kriterien stammen aus der Checkliste:
  • Textabschnitte in einer anderen Sprache sind entsprechend ausgezeichnet.
  • Texte sind auf 200 % vergrößerbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Der Textabstand ist anpassbar, ohne dass Inhalte und Funktionen verloren gehen.

Anderssprachige Textabschnitte müssen ausgezeichnet werden, damit Screenreader den Text korrekt aussprechen. Menschen mit Sehbehinderungen können außerdem die Lesbarkeit von Texten verbessern, indem sie mithilfe von Werkzeugen die Abstände zwischen Zeilen, Absätzen, Zeichen und Worten anpassen können. Obwohl der Text dadurch mehr Platz braucht, sollte er vollständig angezeigt werden.

Auszeichnung von Textinhalten: Zeichnen Sie Ihre Inhalte mit entsprechenden HTML-Strukturelementen aus oder nutzen Sie die Formatvorlagen Ihres Editors. Weitere Informationen zur Auszeichnung von Textinhalten erhalten Sie in den nachfolgenden Einträgen.
Vermeiden Sie Text in Bildern: Wenn möglich, vermeiden Sie die Verwendung von Bildern zur Darstellung von Text. Text in Bildern kann von Bildschirmlesegeräten nicht gelesen werden und lässt sich bei Zoom oder responsivem Design nicht gut skalieren. Falls es sich nicht vermeiden lässt, geben Sie den Bildinhalt im Alternativtext wieder.
Einfache und klare Sprache: Versuchen Sie, eine einfache und klare Sprache zu verwenden. Vermeiden Sie komplexe Sätze und Jargon, es sei denn, es ist unbedingt notwendig. Dies ist besonders wichtig für Menschen mit kognitiven Einschränkungen und Nicht-Muttersprachler.

Auszeichnung von Textinhalten

OPAL-Editor: Auszeichnung anderssprachiger Textabschnitte mithilfe des Quellcode-Werkzeugs
Auszeichnung anderssprachiger Textabschnitte
  1. Wo vorhanden folgendes auswählen: Menüleiste: Werkzeuge > Quellcode
  2. Ergänzen Sie lang='Sprachkürzel' in dem <p> HTML-Strukturelement des Textabschnitts, der nicht in der Hauptsprache des Dokuments verfasst ist. 
                  
                <p lang="de">Das ist ein deutscher Absatz.</p>
                <p lang="en">This is an English paragraph.</p>

BITV-Anforderungen

Folgende Kriterien stammen aus der Checkliste:
  • Es werden keine anderssprachigen Textabschnitte verwendet.

Anderssprachige Textabschnitte müssen ausgezeichnet werden, damit Screenreader den Text korrekt aussprechen. Menschen mit Sehbehinderungen können außerdem die Lesbarkeit von Texten verbessern, indem sie mithilfe von Werkzeugen die Abstände zwischen Zeilen, Absätzen, Zeichen und Worten anpassen können. Obwohl der Text dadurch mehr Platz braucht, sollte er vollständig angezeigt werden.

Auszeichnung anderssprachiger Textabschnitte mithilfe des Ilias-Seiteneditors ist nicht möglich. Andersprachige Textabschnitte sollten deshalb vermieden werden, wenn Personen mit Screenreadern den Kurs nutzen.

Folgende Kriterien stammen aus der Checkliste:
  • Die Präsentation besitzt einen Dokumenttitel.
  • Die Dokumentsprache ist angegeben.
  • Textabschnitte in einer anderen Sprache sind entsprechend ausgezeichnet.
  • Für die Platzierung von Inhalten wird ein Folienlayout benutzt.
  • Die Lesereihenfolge von Folieninhalten ist richtig.

Geben Sie Ihrer Präsentation einen Dokumenttitel. Geben Sie außerdem die Dokumentsprache an, damit assistive Technologien wie Screenreader die richtige Aussprache wählen. Aus dem gleichen Grund müssen anderssprachige Textabschnitte mit der korrekten Sprache ausgezeichnet sein.

Nutzen Sie angebotene Folienlayouts, um ihre Inhalte zu platzieren. Nur so werden die Folienüberschriften korrekt ausgezeichnet. Vermeiden Sie außerdem Leerzeilen zum Platzieren der Inhalte, da diese ebenfalls von Screenreadern vorgelesen werden.

Die Reihenfolge, in der Screenreader die Folieninhalte vorlesen, entspricht nicht automatisch der sichtbaren Reihenfolge. Kontrollieren Sie diese mithilfe des Barrierefreiheit-Assistenten.

Umsetzung der Kriterien

Angabe des Titels

  1. Gehen Sie in der Menüleiste auf "Datei".
  2. Gehen Sie auf "Informationen". Unter Eigenschaften können Sie den Titel angeben.

Angabe des Titels

  1. Menüleiste: Datei > Eigenschaften
  2. Titel eintragen

Angabe der Sprache

  1. Am unteren linken Rand finden Sie die aktuelle Sprache. Um anderssprachige Wörter zu kennzeichnen, markieren Sie diese und gehen anschließend auf die angezeigte Sprache am unteren linken Rand.
  2. Wählen Sie die entsprechende Sprache und den gewünschten Umfang der Änderung (Dokument, Folie oder ausgewählten Text) aus.

Verwendung Folienlayout

  1. Menüleiste: Start > Folien > Folienlayout
  2. Im Folienmaster können Sie das Layout personalisieren: Ansicht > Masteransichten > Folienmaster

Überprüfung der Lesereihenfolge

  1. Suchleiste: "Lesereihenfolge" > Den Lesereihenfolgebereich anzeigen
  2. Korrigieren Sie die Reihenfolge, wenn nötig.

Weitere Informationen

BITV-Anforderungen

Folgende Kriterien stammen aus der Checkliste:
  • Textabschnitte in einer anderen Sprache sind entsprechend ausgezeichnet.
  • Texte sind auf 200 % vergrößerbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Der Textabstand ist anpassbar, ohne dass Inhalte und Funktionen verloren gehen.

Anderssprachige Textabschnitte müssen ausgezeichnet werden, damit Screenreader den Text korrekt aussprechen. Menschen mit Sehbehinderungen können außerdem die Lesbarkeit von Texten verbessern, indem sie mithilfe von Werkzeugen die Abstände zwischen Zeilen, Absätzen, Zeichen und Worten anpassen können. Obwohl der Text dadurch mehr Platz braucht, sollte er vollständig angezeigt werden.

Auszeichnung von Textinhalten: Zeichnen Sie Ihre Inhalte mit entsprechenden HTML-Strukturelementen aus oder nutzen Sie die Formatvorlagen Ihres Editors. Weitere Informationen zur Auszeichnung von Textinhalten erhalten Sie in den nachfolgenden Einträgen.
Vermeiden Sie Text in Bildern: Wenn möglich, vermeiden Sie die Verwendung von Bildern zur Darstellung von Text. Text in Bildern kann von Bildschirmlesegeräten nicht gelesen werden und lässt sich bei Zoom oder responsivem Design nicht gut skalieren. Falls es sich nicht vermeiden lässt, geben Sie den Bildinhalt im Alternativtext wieder.
Einfache und klare Sprache: Versuchen Sie, eine einfache und klare Sprache zu verwenden. Vermeiden Sie komplexe Sätze und Jargon, es sei denn, es ist unbedingt notwendig. Dies ist besonders wichtig für Menschen mit kognitiven Einschränkungen und Nicht-Muttersprachler.

Auszeichnung von Textinhalten

HTML-Tags: Sprache angeben über lang-Attribut innerhalb eines HTML-Strukturelements 
                  
                    <p lang="de">Das ist ein deutscher Absatz.</p>
                    <p lang="en">This is an English paragraph.</p>
Für die Umsetzung der nachfolgenden Kriterien wird CSS-Code benötigt.
Vergößerbare Texte: Relative Größenangaben wie Prozent und em werden anstatt von Pixeln für Größenangaben genutzt.
Anpassbare Textabstände: Die Größe von Textcontainern sollte größer als die Breite des Textes sein oder sich mit dem Text zusammen erweitern. Letzteres ist über display: inline-block zu erreichen.
Für die Umsetzung der nachfolgenden Kriterien wird CSS-Code benötigt.
Vergößerbare Texte: Relative Größenangaben wie Prozent und em werden anstatt von Pixeln für Größenangaben genutzt.
Anpassbare Textabstände: Die Größe von Textcontainern sollte größer als die Breite des Textes sein oder sich mit dem Text zusammen erweitern. Letzteres ist über display: inline-block zu erreichen.

BITV-Anforderungen

Folgende Kriterien stammen aus der Checkliste:
  • Textabschnitte in einer anderen Sprache sind entsprechend ausgezeichnet.
  • Texte sind auf 200 % vergrößerbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Der Textabstand ist anpassbar, ohne dass Inhalte und Funktionen verloren gehen.

Anderssprachige Textabschnitte müssen ausgezeichnet werden, damit Screenreader den Text korrekt aussprechen. Menschen mit Sehbehinderungen können außerdem die Lesbarkeit von Texten verbessern, indem sie mithilfe von Werkzeugen die Abstände zwischen Zeilen, Absätzen, Zeichen und Worten anpassen können. Obwohl der Text dadurch mehr Platz braucht, sollte er vollständig angezeigt werden.

Auszeichnung von Textinhalten: Zeichnen Sie Ihre Inhalte mit entsprechenden HTML-Strukturelementen aus oder nutzen Sie die Formatvorlagen Ihres Editors. Weitere Informationen zur Auszeichnung von Textinhalten erhalten Sie in den nachfolgenden Einträgen.
Vermeiden Sie Text in Bildern: Wenn möglich, vermeiden Sie die Verwendung von Bildern zur Darstellung von Text. Text in Bildern kann von Bildschirmlesegeräten nicht gelesen werden und lässt sich bei Zoom oder responsivem Design nicht gut skalieren. Falls es sich nicht vermeiden lässt, geben Sie den Bildinhalt im Alternativtext wieder.
Einfache und klare Sprache: Versuchen Sie, eine einfache und klare Sprache zu verwenden. Vermeiden Sie komplexe Sätze und Jargon, es sei denn, es ist unbedingt notwendig. Dies ist besonders wichtig für Menschen mit kognitiven Einschränkungen und Nicht-Muttersprachler.

Auszeichnung von Textinhalten

Dokumentensprache einstellen
Microsoft Word: Statusleiste: Sprache auswählen > Aktives Dokument
Oder: Menüleiste: Überprüfen > Sprache > Sprache für Korrekturhilfe festlegen > Aktives Dokument

  1. Klicken Sie in der Statusleiste auf „Sprache“.
  2. Wählen Sie für „Aktives Dokument“ die passende Sprache aus.
Auszeichnung anderssprachiger Textabschnitte
Microsoft Word: Menüleiste: Start > Formatvorlagen > Formatvorlage erstellen > Ändern > Format > Sprache… > benötigte Sprache auswählen
Erstellen Sie die neue Formatvorlage ausgehend von der Standard Formatvorlage, wenn Sie Wörter einer anderen Sprache in ihren Textabsätzen markieren wollen.
Anpassbare Textabstände
Microsoft Word: Menüleiste: Start > Absatz > Zeilen- und Absatzabstand > Zeilenabstandsoptionen… > Abstand
Abstände zwischen Inhalten sollten nicht durch manuelle Zeilenumbrüche, sondern durch das Vergrößern von Zeilen- und Absatzabstände erstellt werden.
Dokumentensprache einstellen
Microsoft Word: Menüleiste: Start > Formatvorlagen > Formatvorlage erstellen > Ändern > Format > Sprache… > benötigte Sprache auswählen
Oder: Menüleiste: Überprüfen > Sprache > Sprache für Korrekturhilfe festlegen > Aktives Dokument

  1. Klicken Sie in der Statusleiste auf „Sprache“.
  2. Wählen Sie für „Aktives Dokument“ die passende Sprache aus.
Dokumentensprache einstellen
Folgende Kriterien stammen aus der Checkliste:
  • Textabschnitte in einer anderen Sprache sind entsprechend ausgezeichnet.
  • Texte sind auf 200 % vergrößerbar, ohne dass Inhalte und Funktionen verloren gehen.
  • Der Textabstand ist anpassbar, ohne dass Inhalte und Funktionen verloren gehen.

Anderssprachige Textabschnitte müssen ausgezeichnet werden, damit Screenreader den Text korrekt aussprechen. Menschen mit Sehbehinderungen können außerdem die Lesbarkeit von Texten verbessern, indem sie mithilfe von Werkzeugen die Abstände zwischen Zeilen, Absätzen, Zeichen und Worten anpassen können. Obwohl der Text dadurch mehr Platz braucht, sollte er vollständig angezeigt werden.

Auszeichnung von Textinhalten: Zeichnen Sie Ihre Inhalte mit entsprechenden HTML-Strukturelementen aus oder nutzen Sie die Formatvorlagen Ihres Editors. Weitere Informationen zur Auszeichnung von Textinhalten erhalten Sie in den nachfolgenden Einträgen.
Vermeiden Sie Text in Bildern: Wenn möglich, vermeiden Sie die Verwendung von Bildern zur Darstellung von Text. Text in Bildern kann von Bildschirmlesegeräten nicht gelesen werden und lässt sich bei Zoom oder responsivem Design nicht gut skalieren. Falls es sich nicht vermeiden lässt, geben Sie den Bildinhalt im Alternativtext wieder.
Einfache und klare Sprache: Versuchen Sie, eine einfache und klare Sprache zu verwenden. Vermeiden Sie komplexe Sätze und Jargon, es sei denn, es ist unbedingt notwendig. Dies ist besonders wichtig für Menschen mit kognitiven Einschränkungen und Nicht-Muttersprachler.

Auszeichnung von Textinhalten

Fügen Sie zum Einstellen der Dokumentsprache den Befehl
                  
                    \DocumentMetadata{}
noch bevor Sie die Dokumentklasse setzten hinzu. Die Nutzung dieses Befehles sorgt zusätzlich dafür, dass wichtige XMP-Metadaten wie der Dokumenttitel und die PDF/UA-Kennzeichnung gesetzt werden.
                  
                    \DocumentMetadata{
                      lang = <...>,
                      pdfversion = 1.7,
                      pdfstandard = ua-1,
                    }
Vergößerbare Texte
Ändern Sie die Schriftgröße direkt in den Klassenoptionen.
                  
                    \documentclass[12pt]{…}
Anpassbare Textabstände
Passen Sie den Zeilenabstand an, in dem Sie folgenden Befehl anpassen.
                  
                    \renewcommand{\baselinestretch}{1.5}

BITV-Anforderungen

Überschriften

Folgende Kriterien stammen aus der Checkliste:
  • Die Überschriften sind ausgezeichnet, gemäß der Überschriftebenen korrekt verschachtelt und beschreiben den nachfolgenden Inhalt.

Durch Überschriften werden Inhalte strukturiert: zusammenhängende Absätze werden gruppiert und der Inhalt leicht überschaubar. Nutzende, die eine rein visuelle Unterscheidung von Überschriften und sonstige Text nicht wahrnehmen können, sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung zugänglich ist. Durch die Verwendung von Überschrift-Elementen können diese nicht nur durch Assistenzsysteme (bspw. Screenreader) als solche interpretiert werden, es sind auch Inhaltsverzeichnisse generierbar und die Darstellung an besondere Bedürfnisse anpassbar.

Verschachtelung

korrekte Verschachtelung zur Gliederung des Inhalts
  • Überschrift 1
    • Überschrift 2
      • Überschrift 3
      • ...
    • Überschrift 2
Das heißt: kein Überspringen einer Ebene (z.B. h3 direkt nach h1)

Auszeichnung von Überschriften

OPAL-Editor: Menüleiste: Format > Formate > Überschriften > Auswahl Überschrift
Tastenkombinationen:
Windows: Shift + Alt + gewünschte Überschriftsebene (1-6)
macOS: Ctrl + + Überschriftsebene (1-6)
Folgende Kriterien stammen aus der Checkliste:
  • Die Überschriften sind ausgezeichnet, gemäß der Überschriftebenen korrekt verschachtelt und beschreiben den nachfolgenden Inhalt.

Durch Überschriften werden Inhalte strukturiert: zusammenhängende Absätze werden gruppiert und der Inhalt leicht überschaubar. Nutzende, die eine rein visuelle Unterscheidung von Überschriften und sonstige Text nicht wahrnehmen können, sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung zugänglich ist. Durch die Verwendung von Überschrift-Elementen können diese nicht nur durch Assistenzsysteme (bspw. Screenreader) als solche interpretiert werden, es sind auch Inhaltsverzeichnisse generierbar und die Darstellung an besondere Bedürfnisse anpassbar.

Verschachtelung

korrekte Verschachtelung zur Gliederung des Inhalts
  • Überschrift 1
    • Überschrift 2
      • Überschrift 3
      • ...
    • Überschrift 2
Das heißt: kein Überspringen einer Ebene (z.B. h3 direkt nach h1)

Überschriften einfügen

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Text einfügen" aus.
  2. Text einfügen oder bearbeiten > Absatzformat > Auswahl Überschrift

BITV-Anforderungen

Folgende Kriterien stammen aus der Checkliste:
  • Jede Folie hat einen eindeutigen und aussagekräftigen Titel.

Folientitel dienen dazu, den Inhalt einer Folie kurz und prägnant zu benennen. Außerdem werden die Folientitel von Nutzern der Sprachausgabe zur Navigation und Orientierung innerhalb der Präsentation genutzt. Deswegen sollten sie je Folie unterschiedlich sein.

Umsetzung der Kriterien

Geben Sie den Folientitel an der entsprechenden Stelle des Folienlayouts an, ansonsten wird die Überschrift nicht als solche ausgezeichnet.

Weitere Informationen

BITV-Anforderungen

Folgende Kriterien stammen aus der Checkliste:
  • Die Überschriften sind ausgezeichnet, gemäß der Überschriftebenen korrekt verschachtelt und beschreiben den nachfolgenden Inhalt.

Durch Überschriften werden Inhalte strukturiert: zusammenhängende Absätze werden gruppiert und der Inhalt leicht überschaubar. Nutzende, die eine rein visuelle Unterscheidung von Überschriften und sonstige Text nicht wahrnehmen können, sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung zugänglich ist. Durch die Verwendung von Überschrift-Elementen können diese nicht nur durch Assistenzsysteme (bspw. Screenreader) als solche interpretiert werden, es sind auch Inhaltsverzeichnisse generierbar und die Darstellung an besondere Bedürfnisse anpassbar.

Verschachtelung

korrekte Verschachtelung zur Gliederung des Inhalts
Folgende Kriterien stammen aus der Checkliste:
  • Die Überschriften sind ausgezeichnet, gemäß der Überschriftebenen korrekt verschachtelt und beschreiben den nachfolgenden Inhalt.

Durch Überschriften werden Inhalte strukturiert: zusammenhängende Absätze werden gruppiert und der Inhalt leicht überschaubar. Nutzende, die eine rein visuelle Unterscheidung von Überschriften und sonstige Text nicht wahrnehmen können, sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung zugänglich ist. Durch die Verwendung von Überschrift-Elementen können diese nicht nur durch Assistenzsysteme (bspw. Screenreader) als solche interpretiert werden, es sind auch Inhaltsverzeichnisse generierbar und die Darstellung an besondere Bedürfnisse anpassbar.

  • Überschrift 1
    • Überschrift 2
      • Überschrift 3
      • ...
    • Überschrift 2
Das heißt: kein Überspringen einer Ebene (z.B. h3 direkt nach h1)

Auszeichnung von Überschriften

Microsoft Word: Menüleiste: Start > Formatvorlagen > Auswahl Überschrift
Microsoft Word: Menüleiste: Start > Formatvorlagen > Auswahl Überschrift
Folgende Kriterien stammen aus der Checkliste:
  • Die Überschriften sind ausgezeichnet, gemäß der Überschriftebenen korrekt verschachtelt und beschreiben den nachfolgenden Inhalt.

Durch Überschriften werden Inhalte strukturiert: zusammenhängende Absätze werden gruppiert und der Inhalt leicht überschaubar. Nutzende, die eine rein visuelle Unterscheidung von Überschriften und sonstige Text nicht wahrnehmen können, sind darauf angewiesen, dass die Struktur unabhängig von der Darstellung zugänglich ist. Durch die Verwendung von Überschrift-Elementen können diese nicht nur durch Assistenzsysteme (bspw. Screenreader) als solche interpretiert werden, es sind auch Inhaltsverzeichnisse generierbar und die Darstellung an besondere Bedürfnisse anpassbar.

LaTeX unterstützt derzeit noch kein automatisches Taggen, die korrekten Tags müssen demnach in der Nachbearbeitung hinzugefügt werden.
Siehe Handbuch: „Beispiel PDF-Tags“ für Hilfe beim Taggen.

BITV-Anforderungen

Absätze

Folgende Kriterien stammen aus der Checkliste:
  • Absätze und Hervorhebungen sind als solche ausgezeichnet.
  • Text wird direkt verwendet, um Informationen zu vermitteln, anstatt Bilder von diesem.
Absätze teilen Texte in kleinere Einheiten auf und erleichtern so das Verständnis. Diese müssen strukturell gekennzeichnet sein, damit Assistenzsysteme Inhalte Absatzweise durchlaufen oder eine andere Präsentation wählen können. Ebenso sind visuelle Hervorhebungen nur für Assistenzsysteme erfassbar, wenn diese mit den entsprechenden Strukturelementen oder Formatvorlagen erstellt wurden.

Umsetzung der Kriterien

OPAL-Editor:
Absatz: Menüleiste: Format > Formate > Blöcke > Absatz
Fett: Menüleiste: Format > Fett
Kursiv: Menüleiste: Format > Kursiv
Tastenkombinationen:
Windows: Absatz: Shift + Alt + 7, Fett: Ctrl + B, Kursiv: Ctrl + I
macOS: Absatz: Ctrl + + 7; Fett: + B; Kursiv: + I
Folgende Kriterien stammen aus der Checkliste:
  • Absätze und Hervorhebungen sind als solche ausgezeichnet.
  • Text wird direkt verwendet, um Informationen zu vermitteln, anstatt Bilder von diesem.
Absätze teilen Texte in kleinere Einheiten auf und erleichtern so das Verständnis. Diese müssen strukturell gekennzeichnet sein, damit Assistenzsysteme Inhalte Absatzweise durchlaufen oder eine andere Präsentation wählen können. Ebenso sind visuelle Hervorhebungen nur für Assistenzsysteme erfassbar, wenn diese mit den entsprechenden Strukturelementen oder Formatvorlagen erstellt wurden.

Umsetzung der Kriterien

Absatz: Menüleiste: Start > Absatz
Hervorhebung: Menüleiste: Start > Schriftart > Fett/Kursiv/Unterstrichen

Weitere Informationen

Folgende Kriterien stammen aus der Checkliste:
  • Absätze und Hervorhebungen sind als solche ausgezeichnet.
  • Text wird direkt verwendet, um Informationen zu vermitteln, anstatt Bilder von diesem.
Absätze teilen Texte in kleinere Einheiten auf und erleichtern so das Verständnis. Diese müssen strukturell gekennzeichnet sein, damit Assistenzsysteme Inhalte Absatzweise durchlaufen oder eine andere Präsentation wählen können. Ebenso sind visuelle Hervorhebungen nur für Assistenzsysteme erfassbar, wenn diese mit den entsprechenden Strukturelementen oder Formatvorlagen erstellt wurden.

Auszeichnung von Absätzen

HTML-Tags: Absatz: <p>, Fett: <strong>, Kursiv: <em>
Codebeispiel Absatz 
                      
                          <p>This is an <strong>important</strong> paragraph.</p>

Kriterien und Barrieren von ILIAS

Folgende Kriterien stammen aus der Checkliste:
  • Die Hervorhebungen Fett (str), Kursiv (emp) und Unterstrichen (imp) werden nicht verwendet.

Die Hervorhebungen Fett (str), Kursiv (emp) und Unterstrichen (imp) werden nicht korrekt ausgezeichnet und können daher von nicht sehenden Personen nicht erkannt werden.

Absatz hinzufügen

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Text einfügen" aus.
  2. Wählen Sie unter "Absatzformat" eine Ausrichtung aus und geben Sie Ihren Text ein. Gehen Sie abschließend auf "Textbearbeitung beenden".
Folgende Kriterien stammen aus der Checkliste:
  • Absätze und Hervorhebungen sind als solche ausgezeichnet.
  • Text wird direkt verwendet, um Informationen zu vermitteln, anstatt Bilder von diesem.
Absätze teilen Texte in kleinere Einheiten auf und erleichtern so das Verständnis. Diese müssen strukturell gekennzeichnet sein, damit Assistenzsysteme Inhalte Absatzweise durchlaufen oder eine andere Präsentation wählen können. Ebenso sind visuelle Hervorhebungen nur für Assistenzsysteme erfassbar, wenn diese mit den entsprechenden Strukturelementen oder Formatvorlagen erstellt wurden.
Microsoft Word: Absatz: Menüleiste: Start > Formatvorlagen > Standard auswählen
Fett: Menüleiste: Start > Schriftart > Fett
Kursiv: Menüleiste: Start > Schriftart > Kursiv
Unterstreichen: Menüleiste: Start > Schriftart > Unterstreichen
Microsoft Word: Absatz: Menüleiste: Start > Formatvorlagen > Standard auswählen
Fett: Menüleiste: Start > Schriftart > Fett
Kursiv: Menüleiste: Start > Schriftart > Kursiv
Unterstreichen: Menüleiste: Start > Schriftart > Unterstreichen
Folgende Kriterien stammen aus der Checkliste:
  • Absätze und Hervorhebungen sind als solche ausgezeichnet.
  • Text wird direkt verwendet, um Informationen zu vermitteln, anstatt Bilder von diesem.
Absätze teilen Texte in kleinere Einheiten auf und erleichtern so das Verständnis. Diese müssen strukturell gekennzeichnet sein, damit Assistenzsysteme Inhalte Absatzweise durchlaufen oder eine andere Präsentation wählen können. Ebenso sind visuelle Hervorhebungen nur für Assistenzsysteme erfassbar, wenn diese mit den entsprechenden Strukturelementen oder Formatvorlagen erstellt wurden.
LaTeX unterstützt derzeit noch kein automatisches Taggen, die korrekten Tags müssen demnach in der Nachbearbeitung hinzugefügt werden.
Siehe Handbuch: „Beispiel PDF-Tags“ für Hilfe beim Taggen.

BITV-Anforderungen

Blöcke

Folgende Kriterien stammen aus der Checkliste:
  • Es sind keine Links auf komplette Blöcke gesetzt worden.
  • Im Kontext eines Blocks wird auf die Art der Verwendung eingegangen.

Verlinkte Blöcke und Blöcke ohne Verlinkung können visuell nicht voneinander unterschieden werden. Screenreader lesen den gesamten Blockinhalt als Linktext vor. Die Funktionen von Blöcken können von Screenreadern und auch sehenden Personen nicht erkannt werden.

Zitate

Folgende Kriterien stammen aus der Checkliste:
  • Zitate sind als solche ausgezeichnet.

Zitate müssen mit entsprechenden Strukturelementen gekennzeichnet sein, damit Assistenzsysteme diese anders (farblich oder stimmlich) hervorheben können. Es ermöglicht Tastaturbenutzern ebenfalls ein Überspringen des gesamten Abschnitts.

Auszeichnung von Zitaten

OPAL-Editor: Menüleiste: Format > Formate > Blöcke > Blockzitat

BITV-Anforderungen

PowerPoint besitzt keine Formatvorlage für Zitate.

Nutzen Sie für Zitate die gängigen Zitierweisen der von ihnen genutzten Sprache (Anführungszeichen, in Klammern Informationen zur Quelle, ...).

Folgende Kriterien stammen aus der Checkliste:
  • Zitate sind als solche ausgezeichnet.

Zitate müssen mit entsprechenden Strukturelementen gekennzeichnet sein, damit Assistenzsysteme diese anders (farblich oder stimmlich) hervorheben können. Es ermöglicht Tastaturbenutzern ebenfalls ein Überspringen des gesamten Abschnitts.

Auszeichnung von Zitaten

HTML-Tags: lange Zitate: <blockquote>, Quelle des Zitats: <cite>; Zitate innerhalb einer Zeile: <q>
Codebeispiel Blockzitat 
                    
                    <blockquote>
                        <p>This is an example of a long quote. It might contain multiple sentences, or even multiple paragraphs.</p>
                        <cite>Source of the Quote</cite>
                    </blockquote>

BITV-Anforderungen

Zitate müssen mit entsprechenden Strukturelementen gekennzeichnet sein, damit Assistenzsysteme diese anders (farblich oder stimmlich) hervorheben können. Es ermöglicht Tastaturbenutzern ebenfalls ein Überspringen des gesamten Abschnitts.

Kriterien und Barrieren von ILIAS

Folgende Kriterien stammen aus der Checkliste:
  • Zitate im Text werden mit Anführungszeichen gekennzeichnet.
  • Es werden keine Blockzitate verwendet.

Blockzitate werden durch Ilias-Seiteneditor nicht richtig ausgezeichnet und sollten daher vermieden werden. Zitate im Text sollten mit Anführungszeichen gekennzeichnet sein. Die Texthervorhebung "Zitat" sollte nicht benutzt werden, da diese kein Ausreichendes Text-Hintergrund Kontrastverhältnis hat.

Folgende Kriterien stammen aus der Checkliste:
  • Zitate sind als solche ausgezeichnet.

Zitate müssen mit entsprechenden Strukturelementen gekennzeichnet sein, damit Assistenzsysteme diese anders (farblich oder stimmlich) hervorheben können. Es ermöglicht Tastaturbenutzern ebenfalls ein Überspringen des gesamten Abschnitts.

Auszeichnung von Zitaten

Microsoft Word: Menüleiste: Start > Formatvorlagen > Zitat auswählen
Microsoft Word: Menüleiste: Start > Formatvorlagen > Zitat auswählen
Folgende Kriterien stammen aus der Checkliste:
  • Zitate sind als solche ausgezeichnet.

Zitate müssen mit entsprechenden Strukturelementen gekennzeichnet sein, damit Assistenzsysteme diese anders (farblich oder stimmlich) hervorheben können. Es ermöglicht Tastaturbenutzern ebenfalls ein Überspringen des gesamten Abschnitts.

Auszeichnung von Zitaten

LaTeX unterstützt derzeit noch kein automatisches Taggen, die korrekten Tags müssen demnach in der Nachbearbeitung hinzugefügt werden.
Siehe Handbuch: „Beispiel PDF-Tags“ für Hilfe beim Taggen.

Listen

Folgende Kriterien stammen aus der Checkliste:
  • Listen: Aufzählungen und Nummerierungen sind als solche ausgezeichnet.

Listen stellen häufig hierarchische Strukturen dar. Damit diese nicht nur visuell dargestellt werden, müssen zur Erstellung Formatvorlagen verwendet werden. Damit können Nutzende von Assistenzsystemen Listen oder einzelne Einträge überspringen, sowie eine andere für sie passendere Präsentation einstellen.

Auszeichnung von Listen

OPAL-Editor: Symbolleiste: Listen-Icon in der dritten Zeile
Folgende Kriterien stammen aus der Checkliste:
  • Listen sind mit der Listenfunktion und nicht nur mit 1.2.3. oder Spiegelstrichen (z.B. "-") auszeichnen.

Listen stellen häufig hierarchische Strukturen dar. Damit diese nicht nur visuell dargestellt werden, müssen zur Erstellung Formatvorlagen verwendet werden. Damit können Nutzende von Assistenzsystemen Listen oder einzelne Einträge überspringen, sowie eine andere für sie passendere Präsentation einstellen.

Liste einfügen

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Text einfügen" aus.
  2. Wählen Sie unter "Listen" Aufzählung oder nummerierte Liste aus und geben Sie Ihren Text ein. Gehen Sie abschließend auf "Textbearbeitung beenden".

Erweiterte Liste einfügen

Eine erweiterte Liste ist eine Liste, die zusätzliche zu Text auch andere Inhaltsbausteine wie Bilder oder Videos enthalten kann.

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Erweiterte Liste einfügen" aus.
  2. Wählen Sie "Aufzählungsliste" oder "Nummerierte Liste" aus. Bei "Nummerierten Listen" kann ein Nummerntyp und ein Startwert angegeben werden. Gehen Sie abschließend auf "Speichern".
Folgende Kriterien stammen aus der Checkliste:
  • Listen: Aufzählungen und Nummerierungen sind als solche ausgezeichnet.

Listen stellen häufig hierarchische Strukturen dar. Damit diese nicht nur visuell dargestellt werden, müssen zur Erstellung Formatvorlagen verwendet werden. Damit können Nutzende von Assistenzsystemen Listen oder einzelne Einträge überspringen, sowie eine andere für sie passendere Präsentation einstellen.

Umsetzung der Kriterien

Menüleiste: Start > Absatz > Aufzählungszeichen oder Nummerierung

Weitere Informationen

Folgende Kriterien stammen aus der Checkliste:
  • Listen: Aufzählungen und Nummerierungen sind als solche ausgezeichnet.

Listen stellen häufig hierarchische Strukturen dar. Damit diese nicht nur visuell dargestellt werden, müssen zur Erstellung Formatvorlagen verwendet werden. Damit können Nutzende von Assistenzsystemen Listen oder einzelne Einträge überspringen, sowie eine andere für sie passendere Präsentation einstellen.

Auszeichnung von Listen

HTML-Tags: nummerierte Liste: <ol>, Aufzählung: <ul>, Listenelemente: <li>
Codebeispiel einer verschachtelten Liste 
                        
                            <ol>
                                <li>This is the first item of the ordered list</li>
                                    <ul>
                                        <li>This is the first item of the nested unordered list</li>
                                    </ul>
                            </ol>
Definitionslisten nutzen zur Strukturierung keine Listenpunkte sonder Begriffe. Mit <dl> wird eine Definitionsliste erstellt. Als Listenelemente gibt es statt <li> jeweils einen Begriff <dt> und dessen Definition <dd>. 
                      
                          <dl>
                            <dt>Date</dt>
                            <dd>Calendar entry 1</dd>
                            <dd>Calendar entry 2</dd>
                          </dl>
Folgende Kriterien stammen aus der Checkliste:
  • Listen: Aufzählungen und Nummerierungen sind als solche ausgezeichnet.

Listen stellen häufig hierarchische Strukturen dar. Damit diese nicht nur visuell dargestellt werden, müssen zur Erstellung Formatvorlagen verwendet werden. Damit können Nutzende von Assistenzsystemen Listen oder einzelne Einträge überspringen, sowie eine andere für sie passendere Präsentation einstellen.

Auszeichnung von Listen

Microsoft Word: Menüleiste: Start > Absatz > Aufzählungszeichen/Nummerierung
Microsoft Word: Menüleiste: Start > Absatz > Aufzählungszeichen/Nummerierung
Folgende Kriterien stammen aus der Checkliste:
  • Listen: Aufzählungen und Nummerierungen sind als solche ausgezeichnet.

Listen stellen häufig hierarchische Strukturen dar. Damit diese nicht nur visuell dargestellt werden, müssen zur Erstellung Formatvorlagen verwendet werden. Damit können Nutzende von Assistenzsystemen Listen oder einzelne Einträge überspringen, sowie eine andere für sie passendere Präsentation einstellen.

Auszeichnung von Listen

LaTeX unterstützt derzeit noch kein automatisches Taggen, die korrekten Tags müssen demnach in der Nachbearbeitung hinzugefügt werden.
Siehe Handbuch: „Beispiel PDF-Tags“ für Hilfe beim Taggen.

BITV-Anforderungen

Tabellen

Folgende Kriterien stammen aus der Checkliste:
  • Die Tabellen haben eine logische Struktur, klare Überschriften und Kontextinformationen(z.B. eine Beschriftung).
  • Komplexe Tabellen mit verbundenen Zellen: Die Zuordnung von Überschriften und Inhalten (über 'scope' oder über 'id' und 'headers') ist korrekt.
  • Es wird auf Layouttabellen, die lediglich Text formatieren, verzichtet oder sie besitzen kein Struktur-Markup.

Sehbehinderte und blinde Nutzende entwickeln ausgehend von den Überschriften und anderen im Kontext verfügbaren Informationen eine Vorstellung vom Aufbau einer Tabelle. Damit dies funktioniert, müssen Tabellen eine klare Struktur und eindeutige Überschriften haben. Wenn Überschriften in Kopfzeilen oder -spalten mit Strukturelementen gekennzeichnet sind, können Screenreader diese bei einem Zeilen- bzw. Spaltenwechsel vorlesen.

Die Verwendung von Tabellen für das Layout einer Seite soll vermieden werden. Screenreader lesen dadurch die Seite so vor, dass sie die Tabellenstruktur und nicht das visuelle Layout widerspiegelt.

Auszeichnung von Tabellen

Tabelle erstellen

OPAL-Editor: Menüleiste: Tabelle > Tabelle > Auswahl der Zeilen- und Spaltenanzahl

Tabelle formatieren

Beschreibung angeben

  1. In Menüleiste Tabelle und danach Tabelleneigenschaften auswählen.
  2. 'Beschriftung anzeigen' auswählen.
  3. 'Caption' passend zum Tabelleninhalt ändern.

Kopfzeile kennzeichnen

  1. Zuerst gewünschte Zeile oder Spalte markieren.
  2. Anschließend in Menüleiste: Tabelle > Zelle > Zelleneigenschaften auswählen.
  3. Als Zelltyp 'Kopfzelle' auswählen.
  4. Als Bereich für Spaltenüberschriften 'Spalte' und für Zeilenüberschriften 'Zeile' auswählen.

komplexe Tabelle: Zellen verbinden

  1. zu verbindende Zellen markieren
  2. Menüleiste: Tabelle > Zelle > Zellen verbinden
Folgende Kriterien stammen aus der Checkliste:
  • Es wird auf Tabellen mit mehreren Kopfzeilen oder Kopfspalten verzichtet.
  • Es wird auf Layouttabellen, also Tabellen, welche die visuelle Struktur der Webseite gestalten, verzichtet.
  • Fußzeilen und Fußspalten wurden nicht verwendet.
  • Tabellen haben eine logische Struktur, klare Überschriften und Kontextinformationen.

Es sollte nur eine Kopfzeile oder Kopfspalte verwendet werden. Diese sollte sinnvolle Überschriften für die jeweiligen Zellen enthalten. Auf Fußzeilen und Fußspalten sollte verzichtet werden, da diese nicht richtig ausgezeichnet werden. Es sollte eine Beschriftung hinzugefügt werden, die den Inhalt der Tabelle kurz beschreibt. Diese wird oberhalb oder unterhalb der Tabelle angezeigt. Die Auswahl der Sprache hat momentan keine Funktion, sollte aber der Vollständigkeit halber ausgefüllt werden.

Tabelle hinzufügen

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Datentabelle einfügen" aus.
  2. Bei den Eigenschaften muss auf folgende Punkte geachtet werden:
    • Nur eine Kopfzeile verwenden
    • Keine Fußzeilen oder Fußspalten verwenden
    • Beschreibung hinzufügen

Erweiterte Tabelle einfügen

Eine erweiterte Tabelle ist eine Tabelle, die zusätzliche zu Text auch andere Inhaltsbausteine wie Bilder oder Videos enthalten kann.

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Erweiterte Tabelle einfügen" aus.
  2. Gehen Sie hier wie bei einer einfachen Tabellen vor.
Folgende Kriterien stammen aus der Checkliste:
  • Die Tabellen haben eine logische Struktur, klare Überschriften und Kontextinformationen(z.B. eine Beschriftung).
  • Komplexe Tabellen mit verbundenen Zellen: Die Zuordnung von Überschriften und Inhalten (über 'scope' oder über 'id' und 'headers') ist korrekt.
  • Es wird auf Layouttabellen, die lediglich Text formatieren, verzichtet oder sie besitzen kein Struktur-Markup.

Sehbehinderte und blinde Nutzende entwickeln ausgehend von den Überschriften und anderen im Kontext verfügbaren Informationen eine Vorstellung vom Aufbau einer Tabelle. Damit dies funktioniert, müssen Tabellen eine klare Struktur und eindeutige Überschriften haben. Wenn Überschriften in Kopfzeilen oder -spalten mit Strukturelementen gekennzeichnet sind, können Screenreader diese bei einem Zeilen- bzw. Spaltenwechsel vorlesen.

Die Verwendung von Tabellen für das Layout einer Seite soll vermieden werden. Screenreader lesen dadurch die Seite so vor, dass sie die Tabellenstruktur und nicht das visuelle Layout widerspiegelt.

Auszeichnung von Tabellen

HTML-Tags:
Tabelle anlegen: <table>, Zusammenfassung: <caption>, Tabellenkopf: <thead>, Tabellenkörper: <tbody>, Fußnote: <tfoot>
Tabelleninhalt: Tabellenzeilen: <tr>, Tabellenüberschriften: <th>, Tabellendaten: <td>

Tabelle mit HTML-Code formatieren

  • Geben Sie eine Beschreibung an: Verwenden Sie das <caption>-Element, um einen kurzen Überblick über die Tabelle zu geben. Dies hilft den Benutzern zu verstehen, welche Art von Informationen in der Tabelle zu erwarten sind. 
                                
                                <table>
                                <caption>This is a caption for this table.</caption>
                                  ...
                                </table>
    This is a caption for this table.
    Heading 1 Heading 2
    value 1 value 2
  • Erstellen Sie den Tabelleninhalt: Nutzen Sie thead und tbody, um ihre Tabelle zu gliedern. 
                                
                                <table>
                                <caption>This is a caption for this table.</caption>
                                  <thead>  
                                    <tr>  
                                      <th >Heading 1</th>
                                      <th >Heading 2</th>
                                    </tr>
                                  </thead>  
                                  <tbody>  
                                    <tr>
                                      <td>value 1</td>
                                      <td>value 2</td>
                                    </tr>
                                    ...
                                  </tbody>  
                                </table>
    This is a caption for this table.
    Heading 1 Heading 2
    value 1 value 2
  • Legen Sie den Bereich für Überschriften fest: Verwenden Sie das Attribut scope für <th>-Elemente, um anzugeben, ob es sich um Überschriften für eine Spalte (scope="col") oder eine Zeile (scope="row") handelt. Dies ist bei Tabellen mit Zeilen- und Spaltenüberschriften besonders wichtig und hilft assistiven Technologien, die Überschriften korrekt den Datenezellen zuzordnen. 
                                      
                                      <table>
                                        <tr>  
                                          <td> </td>
                                          <th scope="col">Monday</th>
                                          <th scope="col">Tuesday</th>
                                        </tr>
                                        <tr>
                                          <th scope="row"> 09:00 – 11:00</th>
                                          <td>Closed</td>
                                          <td>Open</td>
                                        </tr>
                                        ...
                                      </table>
    Monday Tuesday
    09:00 – 11:00 Closed Open
  • Erstellen von verbundenen Zellen: Um Tabellenzellen zu verbinden, können die Attribute rowspan und colspan verwendet werden. Rowspan verbindet die angegebene Anzahl an Zellen innerhalb einer Zeile, colspan in einer Spalte. Nutzen Sie außerdem id- und headers-Attribute, um Datenzellen explizit mit den richtigen Überschriften zu verknüpfen. 
                                  
                                  <table>
                                    <tr>
                                      <th id="name">First Name</th>
                                      <th id="job">Job role</th>
                                    </tr>
                                    <tr>
                                      <td headers="name">Lisa</td>
                                      <td headers="job" rowspan="2">Marketing Coordinator</td>
                                    </tr>
                                    <tr>
                                      <td headers="name">John</td>
                                    </tr>
                                    <tr>
                                      <td colspan="2">Welcome to the company</td>
                                    </tr>
                                  ...
                                  </table>
    First Name Job role
    Lisa Marketing Coordinator
    John
    Welcome to the company
Folgende Kriterien stammen aus der Checkliste:
  • Die Tabelle hat einen einfachen Aufbau. Sie besitzt nur eine Kopfzeile und wenige Zeilen und Spalten.
  • Die Kopfzeile ist als Überschrift ausgezeichnet.
  • Die Tabelle besitzt einen Alternativtext mit einer Zusammenfassung.

Sehbehinderte und blinde Nutzende entwickeln ausgehend von den Überschriften und anderen im Kontext verfügbaren Informationen eine Vorstellung vom Aufbau einer Tabelle. Damit dies funktioniert, müssen Tabellen eine klare Struktur und eindeutige Überschriften haben. Wenn Überschriften in Kopfzeilen oder -spalten mit Strukturelementen gekennzeichnet sind, können Screenreader diese bei einem Zeilen- bzw. Spaltenwechsel vorlesen.

Umsetzung der Kriterien

Benutzen Sie keine Kopfspalte, da diese von PowerPoint nicht korrekt ausgezeichnet wird. Außerdem sollten Sie komplexe Tabellen (mit vielen Einträgen oder verbundenen Zellen) vermeiden. Mit diesen werden Folien nicht nur unübersichtlich, sondern sie sind auch nur schwer von blinden und seheingeschränkten Menschen zu erfassen.

  1. Tabelle einfügen: Menüleiste: Einfügen > Tabellen > Tabelle
  2. Kopfzeile als Überschrift kennzeichnen: Menüleiste: Tabellenentwurf > Tabellenformatoptionen > Überschrift
  3. Alternativtext hinzufügen: Kontextmenü (Rechtsklick) > Alternativtext bearbeiten > Alternativtext eintragen

Weitere Informationen

BITV-Anforderungen

Folgende Kriterien stammen aus der Checkliste:
  • Die Tabellen haben eine logische Struktur, klare Überschriften und Kontextinformationen(z.B. eine Beschriftung).
  • Komplexe Tabellen mit verbundenen Zellen: Die Zuordnung von Überschriften und Inhalten (über 'scope' oder über 'id' und 'headers') ist korrekt.
  • Es wird auf Layouttabellen, die lediglich Text formatieren, verzichtet oder sie besitzen kein Struktur-Markup.

Sehbehinderte und blinde Nutzende entwickeln ausgehend von den Überschriften und anderen im Kontext verfügbaren Informationen eine Vorstellung vom Aufbau einer Tabelle. Damit dies funktioniert, müssen Tabellen eine klare Struktur und eindeutige Überschriften haben. Wenn Überschriften in Kopfzeilen oder -spalten mit Strukturelementen gekennzeichnet sind, können Screenreader diese bei einem Zeilen- bzw. Spaltenwechsel vorlesen.

Die Verwendung von Tabellen für das Layout einer Seite soll vermieden werden. Screenreader lesen dadurch die Seite so vor, dass sie die Tabellenstruktur und nicht das visuelle Layout widerspiegelt.

Auszeichnung von Tabellen

Tabellen erstellen

Microsoft Word: Menüleiste: Einfügen > Tabelle

Kopfzeile markieren

Microsoft Word: Tabelle auswählen > Menüleiste: Tabellenentwurf > Tabellenformatoptionen > Überschrift/Erste Spalte auswählen

Achtung

Beim Konvertieren in ein PDF-Dokument wird eine mehrseitige Tabelle als mehrere separate Tabellen ausgezeichnet. Daher ist es wichtig, dass die Kopfzeile auf jeder Seite wiederholt wird. Zusätzlich sollten bei der Verwendung von mehrseitigen Tabellen die Seitenumbrüche in Tabellenzeilen deaktiviert sein, um sicherzustellen, dass die Tabellen leichter lesbar und verständlicher bleiben.

Microsoft Word: Tabelle auswählen > Rechtsklick in Tabelle > Tabelleneigenschaften… > Zeile > Gleiche Kopfzeile auf jeder Seite wiederholen/Zeilenwechsel auf Seite zulassen
Vermeiden Sie es verbundene Zellen zu nutzen, um Verwirrungen und Unklarheiten vorzubeugen. Die Verwendung von verbundenen Zellen kann das korrekte Zuordnen von Inhalt zur korrekten Spaltenüberschrift erschweren und es kann zur falschen Ausgabe durch Assistenztechnologien kommen. Überprüfen Sie das Vorhandensein von verbundenen Zellen mithilfe der Barrierefreiheitsüberprüfung in Microsoft Word.

Komplexe Tabellen

Komplexe, verschachtelte, mehrdimensionale Tabellen sollten in mehrere, einfache Tabellen aufgeteilt werden, um sie besser lesbar zu machen.
  1. Wählen Sie die Zellen aus, die in eine separate Tabelle aufgeteilt werden sollen.
  2. Klicken Sie in der Menüleiste: Tabellenlayout > Zusammenführen > Tabelle teilen

Tabellen erstellen

Microsoft Word: Menüleiste: Einfügen > Tabelle

Kopfzeile markieren

Microsoft Word: Tabelle auswählen > Menüleiste: Tabellenentwurf > Optionen für Tabellenformat > Überschrift/Erste Spalte auswählen

Achtung

Beim Konvertieren in ein PDF-Dokument wird eine mehrseitige Tabelle als mehrere separate Tabellen ausgezeichnet. Daher ist es wichtig, dass die Kopfzeile auf jeder Seite wiederholt wird. Zusätzlich sollten bei der Verwendung von mehrseitigen Tabellen die Seitenumbrüche in Tabellenzeilen deaktiviert sein, um sicherzustellen, dass die Tabellen leichter lesbar und verständlicher bleiben.

Microsoft Word: Tabelle auswählen > Rechtsklick in Tabelle > Tabelleneigenschaften… > Zeile > Gleiche Kopfzeile auf jeder Seite wiederholen/Seitenumbruch in der Zeile zulassen
Vermeiden Sie es verbundene Zellen zu nutzen, um Verwirrungen und Unklarheiten vorzubeugen. Die Verwendung von verbundenen Zellen kann das korrekte Zuordnen von Inhalt zur korrekten Spaltenüberschrift erschweren und es kann zur falschen Ausgabe durch Assistenztechnologien kommen. Überprüfen Sie das Vorhandensein von verbundenen Zellen mithilfe der Barrierefreiheitsüberprüfung in Microsoft Word.
Folgende Kriterien stammen aus der Checkliste:
  • Die Tabellen haben eine logische Struktur, klare Überschriften und Kontextinformationen(z.B. eine Beschriftung).
  • Komplexe Tabellen mit verbundenen Zellen: Die Zuordnung von Überschriften und Inhalten (über 'scope' oder über 'id' und 'headers') ist korrekt.
  • Es wird auf Layouttabellen, die lediglich Text formatieren, verzichtet oder sie besitzen kein Struktur-Markup.

Sehbehinderte und blinde Nutzende entwickeln ausgehend von den Überschriften und anderen im Kontext verfügbaren Informationen eine Vorstellung vom Aufbau einer Tabelle. Damit dies funktioniert, müssen Tabellen eine klare Struktur und eindeutige Überschriften haben. Wenn Überschriften in Kopfzeilen oder -spalten mit Strukturelementen gekennzeichnet sind, können Screenreader diese bei einem Zeilen- bzw. Spaltenwechsel vorlesen.

Die Verwendung von Tabellen für das Layout einer Seite soll vermieden werden. Screenreader lesen dadurch die Seite so vor, dass sie die Tabellenstruktur und nicht das visuelle Layout widerspiegelt.

Auszeichnung von Tabellen

LaTeX unterstützt derzeit noch kein automatisches Taggen, die korrekten Tags müssen demnach in der Nachbearbeitung hinzugefügt werden.
Siehe Handbuch: „Beispiel PDF-Tags“ für Hilfe beim Taggen.

BITV-Anforderungen

Querverweise

Folgende Kriterien stammen aus der Checkliste:
  • Querverweise sind auch ohne bestimmte Sinneswahrnehmungen wie Farbe, Form oder Position verständlich.
Querverweise sind Links oder Verweise in einem Text, die auf andere Abschnitte des selben Textes oder auf externe Quellen verweisen. Sie erleichtern es, relevante Informationen zu finden oder weitere Inhalte zu entdecken.

Auszeichnung von Querverweisen

Um barrierefreie Querverweise zu erstellen, sollte man sichergehen, dass sie nicht nur auf visuellen Eigenschaften wie Farbe, Form oder Position basieren.

Positive Beispiele: "Wie in Abbildung 3 dargestellt…", "Wie im Kapitel 'Hintergrund' (S.8) ..."

Negative Beispiele (nicht zugänglich): "In der Abbildung zur linken...", "Wie oben beschrieben..."

BITV-Anforderungen

Links

BITV-Anforderungen

Formeln

Nutzen Sie bestehende Formatvorlagen oder Auszeichnungssprachen wie LaTeX zum Erstellen von Formeln. Dadurch können diese von assistiven Technologien korrekt wiedergegeben werden.

LaTeX: Weitere Informationen und Anleitungen finden Sie im LaTeX-Tutorial (Englisch) oder LaTeX-Tutorial (Deutsch)

Formeln einfügen

Formeln können in ILIAS über MathJax oder LaTeX eingefügt werden. Dazu muss die Formel in [tex]<Formel>[/tex] eingeschlossen werden.
  1. Gehen Sie auf das Pluszeichen und wählen Sie "Text einfügen" aus.
  2. Klicken Sie unter "Weitere" auf "Tex". Fügen Sie Ihre Formel zwischen die beiden Tags [tex] und [/tex] ein.

Nutzen Sie bestehende Formatvorlagen zum Erstellen von Formeln. Dadurch können diese von assistiven Technologien korrekt wiedergegeben werden.

Umsetzung der Kriterien

Menüleiste: Einfügen > Symbole > Formeln

Nutzen Sie bestehende Formatvorlagen oder Auszeichnungssprachen wie LaTeX zum Erstellen von Formeln. Dadurch können diese von assistiven Technologien korrekt wiedergegeben werden.

LaTeX: Weitere Informationen und Anleitungen finden Sie im LaTeX-Tutorial (Englisch) oder LaTeX-Tutorial (Deutsch)

Microsoft Office: Anleitung zum Einfügen von Formeln in Word

Als Bild einfügen: Geben Sie im Alternativtext die LaTeX-Schreibweise oder eine gesprochene Variante der Formel an, zum Beispiel x² als "x hoch zwei".

Formeln einfügen

OPAL-Editor:

  1. In der Menüleiste 'Werkzeuge' und anschließend 'Mathematische Formel einfügen' auswählen.
  2. Die Formel in LaTeX-Notation ins Textfeld eingeben und abschließend auf "Fertig" gehen.

Mit dem <math> Tag können Sie MathML in Ihren HTML-Code einbinden. Weitere Informationen zur Auszeichnung von Formelbestandteilen finden Sie hier: MathML/Einsteiger-Tutorial

Auszeichnung von Formeln

HTML-Tags: <math>

Codebeispiel der Formel a+b 
            
            <math>
            <mi>a</mi><mo>+</mo><mi>b</mi>
            </math>
Microsoft Word: Menüleiste: Einfügen > Formel
Geben Sie anschließend in dem Textfeld die gewünschte Formel ein. Hilfreiche Symbole oder Funktionsarten lassen sich unter „Formel“ finden, solange das Textfeld ausgewählt ist.
Beachten Sie jedoch, dass Formeln beim Exportieren nicht korrekt getaggt werden. Sie müssen dementsprechend die Tags und den Alternativtext zur Formel in der Nachbearbeitung, zum Beispiel mit Acrobat Pro, anpassen.
Alternativ können Sie stattdessen ein Bild der Formel einfügen, setzten Sie in diesem Fall die Schreibweise der Formel nach LaTeX oder MathML in den Alternativtext der Grafik.

Stellen Sie Textalternativen zur Verfügung: Bei komplexen mathematischen Formeln ist es wichtig, eine Texterklärung bereitzustellen, damit auch blinde oder sehbehinderte Benutzer die Formel verstehen können.

Programmcode

Folgende Kriterien stammen aus der Checkliste:
  • Der Text-Hintergrund-Kontrast ist ausreichend: mindestens 4,5 : 1 für kleine Schrift und 3 : 1 für große Schrift.

Farbig hervorgehobene Teile des Programmcodes müssen auch für seheingeschränkte Menschen gut zu erkennen sein. Weitere Informationen dazu erhalten Sie im Eintrag zu Farben .

Auszeichnung von Programmcode

Kriterien und Barrieren von ILIAS

Folgende Kriterien stammen aus der Checkliste:
  • Der Programmcode wird nicht zum Herunterladen bereitgestellt.

Der Download-Link enthält nicht das Format der herunterzuladenden Datei und ist somit für blinde Menschen nicht aussagekräftig.

Barrieren:
  • Mit angegebener Programmiersprache besitzen manche Variablen Links, die Erklärungen von diesen suchen. Die Linktexte enthalten jedoch keine Informationen darüber, wohin sie führen und sind somit nicht aussagekräftig.
  • Obwohl eine Fremdsprache ausgewählt werden kann, wird diese nicht für assistive Technologien gekennzeichnet.
  • In AULIS (ILIAS Version 8.17) sind die Farbkontraste von farbigen Hervorhebungen unzureichend.

Programmcode anlegen

  1. Gehen Sie auf das Pluszeichen und wählen Sie "Programmcode einfügen" aus.
  2. Wählen Sie "other" als Programmiersprache aus. Dadurch werden keine Links angezeigt, die nicht barrierefrei sind.
  3. Lassen Sie den Titel für die Download-Datei leer. Damit wird der Programmcode nicht zum Herunterladen bereitgestellt und der nicht barrierefreie Download-Link nicht angezeigt wird.
HTML-Tags: <code>; mit <pre> Darstellung von Zeilenumbrüchen
Codebeispiel Programmcode 
            
            <pre>
            <code>
            class HelloWorld {
            public static void main(String args[]){
            System.out.println("Hello, World");
            }
            }
            </code>
            </pre>

Einbindung von eigenem HTML-Code

Die nachfolgenden Inhalte können in OPAL nur mit zusätzlichem HTML-Code erstellt werden. In ILIAS ist die Erstellung gar nicht möglich.

Im Handbucheintrag zur Auszeichnung fremdsprachiger Textinhalte befindet sich bereits eine Anleitung zur Benutzung des Quellcode-Werkzeugs, mit welchem der zusätzliche HTML-Code eingefügt werden kann.

Schaltflächen

Folgende Kriterien stammen aus der Checkliste:
  • Bei einem Klick auf Bedienelemente wird ihre Funktion erst beim Loslassen der Maustaste ausgeführt. Ansonsten kann die Funktion abgebrochen oder rückgängig gemacht werden.
  • Sichtbare Beschriftungen von Bedienelementen kommen im dazugehörigen zugänglichen Namen vor, der über nicht sichtbare Attribute wie `title` oder `aria-label` festgelegt wird.

Motorisch eingeschränkte Personen haben häufig Probleme, zielgerichtete Bewegungen auszuführen. Somit können häufig Funktionen unbeabsichtigt ausgelöst werden. Dementsprechend muss es eingfache Wege geben, um die Funktionen von Schaltflächen abzubrechen oder zu widerrufen. Der sichtbare Name von Bedienelementen muss ebenfalls im zugänglichen Namen (zum Beispiel über "title" oder "aria-label") vorkommen. Dies ist wichtig, damit Nutzende der Spracheingabe den korrekten Begriff zur Aktivierung des Bedienelements nennen können.

Achten Sie außerdem auf ausreichende Kontraste. Weitere Informationen dazu finden Sie im Kapitel zu Farbkontrast .

Auszeichnung von Schaltflächen

HTML-Tags: <button>

Codebeispiel einer Schaltfläche 
                          
                              <button>Click me!</button>

Geben Sie klare Beschriftungen an: Verwenden Sie das Attribut title, um eine für Screenreader geeignete Beschriftung anzugeben, wenn die Schaltfläche keinen Text hat (zum Beispiel nur ein Symbol). 

                            
                              <button title="Close"><img src="close-icon.png" alt=""></button>

Download-Funktion: Das Dateiformat muss im title Attribut angegeben werden, wenn es nicht bereits im sichtbaren Text steht. 

                            
                              <button title="Download PDF"> Download </button>

BITV-Anforderungen

Formularfelder

Der folgende Eintrag beschreibt die Umsetzung von barrierefreien Formularfeldern allgemein, im Bezug auf Beschriftungen und Fehlermeldungen.

Allgemeine Kriterien zu Formularfeldern

Folgende Kriterien stammen aus der Checkliste:
  • Für Eingabefelder, die Daten vom Nutzenden erfassen, ist eine semantisch eindeutige, sprachunabhängige Bestimmung ihres Zweckes möglich.
  • Eingaben auf Formularen führen nicht zu unerwarteten Kontext-Änderungen.
  • Dateneingaben können rückgängig gemacht oder vor dem Abschicken überprüft und korrigiert werden. Erfolgreiche Eingaben werden bestätigt.

Eingabefelder von Formularen sollen über Beschriftungen (label) verfügen, die mithilfe des for Attributs mit den Eingabefeldern verknüpft sind. Außerdem sollen zusammenhängende Eingabefelder über <fieldset> oder aussagekräftige Überschriften gruppiert sein. So können Screenreader Formulare unabhängig von der sichtbaren Darstellung korrekt wiedergeben.

Inhaltsänderungen auf der Seite (zum Beispiel das Einblenden zusätzlicher Felder) sollten immer klar nachvollziehbar sein, da diese sonst ablenken oder verwirren können. Zudem sollten sie unterhalb des entsprechenden Elements stattfinden, damit Screenreader dies als nächstes vorlesen können. Wenn Schaltflächen zum Beispiel die Sprache der gesamten Seite ändern oder zusätzliche Inhalte einblenden, sollte davor ein Hinweis zu diesem Verhalten kommen.

Nutzende mit Behinderungen haben in vielen Fällen ein höheres Risiko, Fehleingaben zu machen. Deswegen ist es gerade für Bestellvorgänge und verpflichtende Transaktionen wichtig, Mechanismen zum Rückgängig-Machen, Überprüfen oder Korrigieren von Eingaben anzubieten. Um dies umzusetzen sollten vor dem Abschicken alle Eingaben erneut angezeigt und erst auf erneute Bestätigung abgeschickt werden. Alternativ muss der Vorgang unmittelbar nach dem Abspeichern rückgängig gemacht werden können.

Codebeispiel für ein Formular mit mehreren Eingabefeldern 

                        
                          <fieldset>
                            <legend>Example form</legend>
                            <div>
                              <input type="radio" name="format" id="txt" value="txt" checked>
                              <label for="txt">Radio Button</label>
                            </div>
                            <div>
                              <input type="checkbox" name="newsletter" id="check_1">
                              <label for="check_1">Checkbox</label>
                            </div>
                          </fieldset>
  • Geben Sie klare Beschriftungen an: Jedes Formularfeld sollte ein zugehöriges <label>-Element haben. Diese Beschriftung hilft nicht nur sehenden Benutzern zu verstehen, wofür das Feld gedacht ist, sondern kann auch von Screenreadern gelesen werden, damit auch blinde oder sehbehinderte Benutzer verstehen, was das Feld bezweckt. 
                            
                            <input type="checkbox" id="notification" name="notify" value="delays">
                            <label for="notification">Notify me of delays</label>

    BITV-Anforderungen

    • Fehlermeldungen von Formularfeldern

    Folgende Kriterien stammen aus der Checkliste:
    • Das Formular erzeugt Fehlermeldungen bei Fehleingaben.
    • Fehlerhaft ausgefüllten Felder werden identifiziert und der Fehler in Textform beschrieben.
    • Fehlermeldungen sind verständlich und geben Hinweise, wie Fehler zu korrigieren sind.

    Fehlerhaft ausgefüllte Felder sollten hervorheben und Beschriftungen mit den konkreten Fehlern angezeigt werden. Dies erleichtert Nutzenden das Beheben von Fehlern. Damit Fehlermeldungen auch für Screenreader zugänglich sind, sollten sie über Live-Regionen (aria-live) oder Benachrichtigungen (alertdialog) bereitgestellt werden.

    Die Fehler werden erkannt. Pflichtfelder können über aria-required="true" gekennzeichnet werden. Fehlermeldungen, die kein Label eines Eingabefeldes sind, werden über aria-describedby mit dem entsprechenden Eingabefeld verknüpft.

    Fehlermeldungen geben konkrete Hinweise, wie Fehler zu korrigieren sind. Wenn ein falsches Format für E-Mail-Adressen oder Daten angegeben ist, sollte ein Beispielformat angegeben werden. Fehlermeldungen von Passwörtern und Anmeldefeldern dürfen aus Sicherheitsgründen jedoch keine spezifischen Hinweise enthalten.

    Codebeispiel eines Pflichtfeldes mit Hinweis auf das erwartete Format 

                
            <label for="date">Date (dd-mm-yyyy)</label >
            <input type="text" name="date" id="date" aria-required="true">

    BITV-Anforderungen

    Benutzerdefinierte Elemente

    Dieser Abschnitt bezieht sich auf Features oder Funktionalitäten, die mit benutzerdefinierten Elementen erstellt werden können. Diese Funktionen können die Verwendung von benutzerdefinierten HTML-Dateien oder Lernmodulen wie SCORM, CP, etc. erfordern. Hier finden Sie einige Erläuterungen zu diesen Funktionen:

    Zeitbasierte Inhalte

    Folgende Kriterien stammen aus der Checkliste:
    • Die Zeitbegrenzung kann abgeschaltet oder verlängert werden.
    • Ablenkung durch blinkende oder sich bewegende Elemente wird vermieden, ist auf 5 Sekunden begrenzt oder abschaltbar.
    • Die Seite enthält keine Elemente, die in einem Zeitraum von einer Sekunde häufiger als dreimal aufblitzen.

    Elemente dieser Kategorie haben zeitliche Begrenzungen oder verändern sich über eine bestimmte Zeit hinweg. Dies kann Menschen mit Sehbehinderungen oder kognitiven Beeinträchtigungen das Erfassen der Inhalte erschweren. Außerdem können flackernde Elemente epileptische Anfälle verursachen. Dementsprechend sollten Schaltflächen vorhanden sein, mit denen zeitliche Begrenzungen abgeschalten oder stark verlängert werden können.

    BITV-Anforderungen

    Dynamische Inhalte

    Folgende Kriterien stammen aus der Checkliste:
    • Versteckte Inhalte sind auch für Screenreader versteckt.
    • Kann der Tastaturfokus auf ein Element der Seite bewegt werden, kann er auch von diesem Element wieder wegbewegt werden.
    • Wenn eine Komponente der Seite den Tastaturfokus erhält, führt dies nicht zu einer unerwarteten Kontextänderung (etwa Pop-up-Fenster oder automatisches Abschicken von Formularen).
    • Wenn zusätzliche Inhalte durch Darüberfahren mit dem Zeiger erscheinen, können Benutzer den Zeiger über diesen Inhalt bewegen, ohne dass er verschwindet. Der Inhalt ist schließbar, ohne dass sich der Tastaturfokus verschiebt, und der Inhalt schließt sich nicht selbstständig nach einer gewissen Zeitspanne.
    • Statusmeldungen werden beim Erscheinen vom Screenreader ausgegeben, ohne dass der Fokus auf die Meldung versetzt wird.

    Wenn Elemente den Fokus erhalten (zum Beispiel über die Tabulator Taste), soll ihre Funktion erst bei zusätzlicher Bestätigung ausgelöst werden. Ansonsten können plötzlich auftauchende Elemente verwirren. Um dies zu erfüllen, sollten programmierte Funktionen auf activate und nicht bereits auf focus ausgelöst werden. Außerdem muss jedes Element über die Tastatur zu erreichen und wieder verlassen sein, damit diese auch für Menschen mit motorischen oder visuellen Einschränkungen zugänglich sind.

    Wenn Inhalte eingeblendet werden, dürfen diese nicht nach einer bestimmten Zeit wieder verschwinden. Sehbehinderte Nutzenden brauchen häufig mehr Zeit, um alle Inhalte zu erfassen. Außerdem benutzen sie manchmal eine starke Zoomvergrößerung. Deswegen müssen alle eingeblendeten Inhalte mit der Maus (auf welcher der Fokus der Vergrößerung liegt) erkundbar sein, ohne zu verschwinden. Zusätzlich müssen eingeblendete Elemente über die Escape-Taste oder das aktivierende Element wieder geschlossen werden können, damit der Fokus nicht woanders hin verschoben wird.

    Statusmeldungen sind dynamisch hinzugefügte Nachrichten, zum Beispiel zu Fehlern oder erfolgreiche Aktionen. Diese müssen mit dem Attribut role ausgezeichnet sein, damit sie auch für Bildschirmlesegeräte zugänglich sind.

    Auszeichnung von Statusmeldungen

    • Erfolgsmeldung: role="status" aria-atomic="true"
    • Hinweis oder Warnmeldung: role="alert" aria-atomic="true"
    • Fortschrittsmeldung: role="log"

    BITV-Anforderungen

    Eingabemethoden

    Folgende Kriterien stammen aus der Checkliste:
    • In bildbasierten CAPTCHAs beschreibt der Alternativtext des Bildes den Zweck des CAPTCHAs und gibt an, wie eine nicht bildbasierte Alternative zu finden ist.
    • Für komplexe Zeigergesten gibt es Alternativen für die Aktivierung mittels einer einfachen Zeigereingabe.
    • Tastaturkurzbefehle über Einzeltasten können vom Benutzer abgeschaltet oder umgestellt werden.
    • Es existieren alternative Eingabemöglichkeiten zur Bewegungseingabe oder die Bewegungseingabe ist abschaltbar.

    Hier befinden sich Erklärungen zu den Begrifflichkeiten. Für Informationen zur barrierefreien Umsetzung, kann bei den jeweiligen BITV-Anforderungen nachgesehen werden.

    CAPTCHAs sind Sicherheitsmaßnahmen, die Bots oder automatisierte Software daran hindern soll, bestimmte Aktionen auszuführen. In der Regel müssen Benutzer Text in einem Bild oder Ton eingeben oder eine einfache Aufgabe lösen, um zu beweisen, dass sie Menschen sind.
    Komplexe Zeigergesten beziehen sich auf komplexe Gesten, die die Verwendung einer Maus oder anderer Zeigergeräte erfordern, wie zum Beispiel Drag & Drop oder Wischbewegungen.
    Tastatur-Kurzbefehle über Einzeltasten sind Funktionalitäten, die durch Tastaturkürzel über einzelne Tasten ausgelöst werden können. Zum Beispiel könnte es einen Shortcut geben, um direkt zu einem bestimmten Teil einer Website zu navigieren oder eine bestimmte Aktion auszulösen.
    Bewegungsaktivierung sind Funktionen, die durch die Bewegung eines Geräts oder die physische Bewegung des Benutzers ausgelöst werden, wie zum Beispiel das Schütteln eines mobilen Geräts.

    BITV-Anforderungen