Barrierefreies Kursdesign

Die Moodle-Plattform ist ein komplexes System mit sich stetig weiterentwickelndem Code. Die Benutzeroberfläche kann stark angepasst werden, die tatsächlichen Inhalte erstellen die Lehrverantwortlichen oder deren Mitarbeitende. Aus diesem Grund können wir natürlich nicht zu 100 Prozent garantieren, dass Moodle oder eine auf Moodle basierende Website absolut zugänglich ist oder nicht.

Barrierefreiheit ist kein Zustand, sondern ein Prozess der kontinuierlichen Verbesserung als Reaktion auf die Benutzer und das breitere technische Umfeld.

Im Folgenden finden Sie ein paar Hinweise, um Moodle-Kursräume möglichst barrierearm zu gestalten.

Barrier-free course design

The moodle platform is a complex system with constantly evolving code. The user interface can be adapted the real content is created by the lecturerers and their colleagues. For this reason we can't guarantee for 100 percent that moodle or a website based on moodle is absolutely accessible or not.

Accessibility is not a state but a process of continuous improvement in response to the users and the technical environment.

Below you find some hints for creating a moodle course room nearly barrier-free.

Überschriften

Überschriften strukturieren den Text auf einer Seite und verbessern somit die Lesbarkeit. Überschriften ermöglichen es Nutzer/innen, mithilfe von Unterstützungssoftware schnell durch eine Seite oder ein Dokument zu navigieren.

Nutzen Sie also Absatzformate, um den Text in Ihrer Moodle-Kursseite zu strukturieren.

Textabschnitte

Schriftstile wie Fettdruck, Kursivschrift, Unterstreichung oder eine andere Farbe sollten hierfür nicht verwendet werden, da Nutzer/innen mit Unterstützungstechnologien sich solchen Schriftstils häufig nicht bewusst sind.

Schriftfarbe

Verzichten Sie auf rote und grüne Schriftfarbe, um Text hervorzuheben – Menschen mit einer Rot-Grün-Schwäche oder -Blindheit können diese Texte schlecht bis gar nicht erkennen. Empfohlen wird eine blaue Schriftfarbe oder ersatzweise fetter Text.

Bilder

Wenn Sie Bilder auf Ihrer Kursseite einbinden, achten Sie darauf einen Alternativtext zu vergeben – dieser wird auch ausgegeben, falls das Bild nicht geladen werden kann.

Hyperlinks

Achten Sie bei der Erstellung von Links auf ein konsistentes Linkverhalten – Öffnung im selben oder in einem neuen Fenster.

Wir empfehlen folgende Vorgehensweise: 

• Links innerhalb des Kurses sollten im selben Fenster geöffnet werden.
• Links zu externen Websites sollten in einem neuen Fenster geöffnet werden.

Arbeiten Sie nach Möglichkeit mit beschreibenden Links – nutzen Sie also einen Linktext, der beschreibt, wohin der Link führt. Ein einfacher Link mit „Klicken Sie hier“ ist kein beschreibender Link.

Auch einfache URLs wie https://moodle.org sollten vermieden werden, da Nutzer/innen mit Unterstützungtechnologien die ausgelesene URL abhören müssen, aber keinen beschreibenden Text finden.

Um einen beschreibenden Link im Moodle-Kursraum zu erstellen, 

1. Wählen Sie den beschreibenden Linktext aus.
2. Klicken Sie im Text-Editor auf die Link-Schaltfläche.
3. Geben Sie die URL ein und aktivieren Sie gegebenenfalls "In neuem Fenster öffnen"
4. Klicken Sie auf "Link erstellen".

Barrierefreie PDF erstellen

PDFs müssen aus durchsuchbarem Text bestehen, damit sie von assistieren Geräten gelesen werden können. In Microsoft Word oder Open Office erstellte und als PDF exportierte Texte sind in der Regel durchsuchbar – eingescannte Buchseiten hingegen nicht, da sie aus einem einzelnen Bild bestehen.

Nutzen Sie bei mehrseitigen Dokumenten Lesezeichen für die Kennzeichnung von Abschnitten und Kapiteln, um das Navigieren zu vereinfachen

Wie aus einem Word-Dokument ein barrierefreies PDF wird:

• Nutzen Sie Formatvorlagen
• Verwenden Sie Tabs für Einzüge – keine Leerzeichen
• Hinterlegen Sie Alternativ-Texte (Alt-Text) für Grafiken)
• Legen Sie die Dokumentsprache fest
• Achten Sie auf hohe Kontrastverhältnisse
• Wichtige Informationen gehören nicht in Kopf- und Fußzeile

Headlines

Headlines structure the text on a page and thus improve readability. Headings also allow users to quickly navigate through a page or document using assistance software. Please also use paragraph formats for structuring your body text.

Body text

Font styles such as bold, italic, underlining or any other color should not be used, as users with assistive technologies are often not aware of such font styles..

Font color

Please do not use red or green font color for highlighting text – people with a red green weakness are hardly or not able to read these texts. We recommend a blue font color oder bold text.

Images

If you use images on your moodle page don't forget the alternative text – this is also output if the image cannot be loaded.

Hyperlinks

When creating links, make sure that the link behavior is consistent - opening in the same or in a new window.

We recommend the following procedure: 

• Links within the course should be opened in the same window
• Links to external websites should be opened in a separate window.

If possible, work with descriptive links - so use an anchor text that describes where the link leads to. A simple “click here” link is not a descriptive link.

Simple URLs such as https://moodle.org should also be avoided, since users with assistive technologies have to listen to the URL read out, but cannot find any descriptive text.

To create a descriptive link in the moodle course room,

1. Select a descriptive link text.
2. Click on the link button in your text editor.
3. Enter the url and activate "open in a new window" if necessary.
4. Click on "Create link".

Creating a barrier-free PDF document

PDFs must be searchable text in order to be read by assistive devices. PDFs created in Microsoft Word or Open Office are usually searchable – scanned book pages, on the other hand, do not, as they consist of a single image.

Use bookmarks to mark sections and chapters in multi-page documents to make navigation easier.

How to create a barrier-free PDF from a word document:

• use style templates
• use tabs for indents – no spaces
• use alternative texts (alt text) for images
• set the document language
• pay attention to high contrast ratios
• important information do not belong to header or footer