{"id":21325,"date":"2025-02-17T11:00:39","date_gmt":"2025-02-17T10:00:39","guid":{"rendered":"https:\/\/blog.rwth-aachen.de\/itc\/?p=21325"},"modified":"2025-02-07T10:03:55","modified_gmt":"2025-02-07T09:03:55","slug":"barrierefreiheit-im-lernraum","status":"publish","type":"post","link":"https:\/\/blog.rwth-aachen.de\/itc\/2025\/02\/17\/barrierefreiheit-im-lernraum\/","title":{"rendered":"Unsere Tipps f\u00fcr einen barrierearmen Lernraum"},"content":{"rendered":"<div class=\"twoclick_social_bookmarks_post_21325 social_share_privacy clearfix 1.6.4 locale-de_DE sprite-de_DE\"><\/div><div class=\"twoclick-js\"><script type=\"text\/javascript\">\/* <![CDATA[ *\/\njQuery(document).ready(function($){if($('.twoclick_social_bookmarks_post_21325')){$('.twoclick_social_bookmarks_post_21325').socialSharePrivacy({\"txt_help\":\"Wenn Sie diese Felder durch einen Klick aktivieren, werden Informationen an Facebook, Twitter, Flattr, Xing, t3n, LinkedIn, Pinterest oder Google eventuell ins Ausland \\u00fcbertragen und unter Umst\\u00e4nden auch dort gespeichert. N\\u00e4heres erfahren Sie durch einen Klick auf das <em>i<\\\/em>.\",\"settings_perma\":\"Dauerhaft aktivieren und Daten\\u00fcber-tragung zustimmen:\",\"info_link\":\"http:\\\/\\\/www.heise.de\\\/ct\\\/artikel\\\/2-Klicks-fuer-mehr-Datenschutz-1333879.html\",\"uri\":\"https:\\\/\\\/blog.rwth-aachen.de\\\/itc\\\/2025\\\/02\\\/17\\\/barrierefreiheit-im-lernraum\\\/\",\"post_id\":21325,\"post_title_referrer_track\":\"Unsere+Tipps+f%C3%BCr+einen+barrierearmen+Lernraum\",\"display_infobox\":\"on\"});}});\n\/* ]]> *\/<\/script><\/div><p><div id=\"attachment_20144\" style=\"width: 310px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-20144\" class=\"size-medium wp-image-20144\" src=\"https:\/\/blog.rwth-aachen.de\/itc\/files\/2024\/08\/MoodleMonday-mit-Muster-orange-300x200.png\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/blog.rwth-aachen.de\/itc\/files\/2024\/08\/MoodleMonday-mit-Muster-orange-300x200.png 300w, https:\/\/blog.rwth-aachen.de\/itc\/files\/2024\/08\/MoodleMonday-mit-Muster-orange-1024x683.png 1024w, https:\/\/blog.rwth-aachen.de\/itc\/files\/2024\/08\/MoodleMonday-mit-Muster-orange-768x512.png 768w, https:\/\/blog.rwth-aachen.de\/itc\/files\/2024\/08\/MoodleMonday-mit-Muster-orange-1536x1024.png 1536w, https:\/\/blog.rwth-aachen.de\/itc\/files\/2024\/08\/MoodleMonday-mit-Muster-orange-2048x1365.png 2048w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-20144\" class=\"wp-caption-text\">Quelle: Eigene Darstellung<\/p><\/div><\/p>\n<p>\u201eEin Bild sagt mehr als 1000 Worte\u201c \u2013 diesen Satz h\u00f6rt man oft. F\u00fcr blinde und sehbehinderte Studierende gilt das jedoch nicht, es sei denn, das Bild ist mit einer passenden Bildbeschreibung versehen. Jede Studentin und jeder Student ist einzigartig und Beeintr\u00e4chtigungen sind nicht immer sichtbar. Daher stellen wir euch heute wichtige und einfach umzusetzende Ma\u00dfnahmen vor, um eure Lernr\u00e4ume in RWTHmoodle barrierearm zu gestalten und auf Barrierefreiheit zu \u00fcberpr\u00fcfen.<\/p>\n<p><!--more--><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Toolkit f\u00fcr Barrierefreiheit nutzen<\/span><\/h3>\n<p>Kein Experte f\u00fcr Barrierefreiheit? Kein Problem! RWTHmoodle bietet ein sehr praktisches Toolkit f\u00fcr Barrierefreiheit. Dieses scannt den Lernraum und zeigt an, welche M\u00e4ngel in Bezug auf Barrierefreiheit bestehen, wie zum Beispiel fehlende Bildbeschreibungen oder falsch formatierte \u00dcberschriften, und wie man diese M\u00e4ngel beheben kann. In IT Center Help findet ihr eine <a href=\"https:\/\/help.itc.rwth-aachen.de\/service\/8d9eb2f36eea4fcaa9abd0e1ca008b22\/article\/1a668f9da3ee4841affb4e71f6ad97c7\/\">Anleitung<\/a>, wie ihr euch die Fehler mit wenigen Klicks anzeigen lassen k\u00f6nnt. Doch wie jedes Werkzeug ist auch dieses Toolkit nicht perfekt.<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Barrierefreiheitscheck im TinyMCE-Editor durchf\u00fchren<\/span><\/h3>\n<p>Seien es Beschreibungen von Kursabschnitten, Aktivit\u00e4ten und Arbeitsmaterialien, Fragetexte und so weiter: Text, der mit dem Editor <a href=\"https:\/\/help.itc.rwth-aachen.de\/service\/8d9eb2f36eea4fcaa9abd0e1ca008b22\/article\/06575048dae84545aa3b4dc5377254e8\/\">TinyMCE<\/a> erstellt wird, kann \u00fcber die integrierte Barrierefreiheitspr\u00fcfung im Men\u00fc \u201eWerkzeuge\u201c auf h\u00e4ufige Fehler \u00fcberpr\u00fcft werden. Dazu geh\u00f6ren beispielsweise fehlende oder leere Alternativtexte f\u00fcr Bilder, unzureichende Kontraste zwischen Textfarbe und Hintergrundfarbe sowie fehlende \u00dcberschriften in Tabellen. Auch hier erhaltet ihr Hinweise, wie ihr die Fehler beheben k\u00f6nnt.<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Bilder beschreiben<\/span><\/h3>\n<p>Fehlende Bildbeschreibungen sind eines der gr\u00f6\u00dften Hindernisse f\u00fcr Barrierefreiheit im Internet. Bilder, Grafiken oder Diagramme ben\u00f6tigen einen sogenannten Alternativtext, kurz Alt-Text, um sie f\u00fcr sehbeeintr\u00e4chtigte und blinde Menschen zug\u00e4nglich zu machen. Diese Bildbeschreibungen werden von einem Screenreader zusammen mit dem Text vorgelesen. Dies ist umso wichtiger, wenn es sich um pr\u00fcfungsrelevante Inhalte handelt. Das Kompetenzzentrum f\u00fcr digitale Barrierefreiheit.nrw hat einen ausf\u00fchrlichen <a href=\"https:\/\/barrierefreiheit.dh.nrw\/fileadmin\/user_upload\/barrierefreiheit\/Publikationen\/Checkliste_Alttexte.pdf\">Leitfaden<\/a> zur Erstellung von Alternativtexten ver\u00f6ffentlicht.<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Farben \u00fcberpr\u00fcfen<\/span><\/h3>\n<p>Es ist g\u00e4ngig, korrekte Eingaben in gr\u00fcn und falsche Eingaben in Rot hervorzuheben. Menschen mit Farbsehschw\u00e4che k\u00f6nnen h\u00e4ufig nicht zwischen Rot und Gr\u00fcn unterscheiden. Daher sollte der Unterschied nicht nur durch Farbe, sondern auch durch ein zus\u00e4tzliches Merkmal verdeutlicht werden, wie beispielsweise durch ein H\u00e4kchen f\u00fcr die richtige Antwort und ein Kreuz f\u00fcr die falsche Antwort. Zudem ist es wichtig, Farben sparsam einzusetzen, um die \u00dcbersichtlichkeit zu gew\u00e4hrleisten. Informationen, die durch Farben vermittelt werden sollen, sollten au\u00dferdem stets zus\u00e4tzlich im Text angegeben werden.<\/p>\n<p>Wichtig ist auch ein guter Kontrast zwischen Text und Hintergrund. Ist der Kontrast zu niedrig, ist der Text schwer zu lesen. Um sicherzustellen, dass alle Lernenden Texte gut lesen k\u00f6nnen, gibt es im Internet zahlreiche Webseiten und Tools, die den Kontrast zwischen Farben analysieren. Eines davon ist der <a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\">Colour Contrast Analyser (CCA)<\/a>, der f\u00fcr Windows und Mac kostenlos erh\u00e4ltlich ist: Die zu pr\u00fcfende Farben k\u00f6nnen einfach \u00fcber eine Pipette ausgew\u00e4hlt werden. Anschlie\u00dfend wird gepr\u00fcft, ob der Farbkontrast mit den Standards f\u00fcr Barrierefreiheit \u00fcbereinstimmt. Das Tool verf\u00fcgt au\u00dferdem \u00fcber einen Simulator f\u00fcr Farbenblindheit.<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Klare Struktur verwenden<\/span><\/h3>\n<p>Eine klare Struktur erm\u00f6glicht allen Leserinnen und Lesern eine bessere Verst\u00e4ndlichkeit. Besonders wichtig ist diese f\u00fcr Studierende mit Autismus, ADHS oder Leseschw\u00e4che:<\/p>\n<ul>\n<li>\u00dcberschriften von Abschnitten und Aktivit\u00e4ten sollten klar angeben, was sie beinhalten.<\/li>\n<li>\u00dcberschriften im Text sollten einheitlich formatiert sein. Dazu stehen Formatvorlagen im <a href=\"https:\/\/help.itc.rwth-aachen.de\/service\/8d9eb2f36eea4fcaa9abd0e1ca008b22\/article\/06575048dae84545aa3b4dc5377254e8\/\">TinyMCE-Editor<\/a> zu Verf\u00fcgung.<\/li>\n<li>Wenn m\u00f6glich, sollten Aufz\u00e4hlungszeichen anstelle von Flie\u00dftext verwendet werden.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Barrierefreie Dokumente im Lernraum verwenden<\/span><\/h3>\n<p>Auch Dokumente wie PDF, Word oder PowerPoint sollten barrierefrei sein. Auf der Seite <a href=\"https:\/\/www.igad.rwth-aachen.de\/cms\/igad\/aufgabenbereiche\/ak-inklusion\/~rfxqc\/barrierefreie-lehre\/\">Barrierefreie IT &amp; Lehre<\/a> finden sich im Abschnitt \u201eGestaltung von barrierefreien Dokumenten\u201c einfache Anleitungen und Checklisten zum Thema.<\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #00549f;\">Alternative anbieten<\/span><\/h3>\n<p>Wenn es um Barrierefreiheit geht, kann man sich schnell \u00fcberfordert f\u00fchlen. Aber keine Sorge: Es gibt keinen 100% barrierefreien Lernraum. Audio-Inhalte sind f\u00fcr Menschen mit Sehbehinderung zug\u00e4nglich, f\u00fcr geh\u00f6rlose Menschen jedoch nicht. Die L\u00f6sung kann hier sein, das Lernmaterial in einem alternativen Format anzubieten, zum Beispiel als schriftliches Transkript der Audiodatei.<\/p>\n<p>Alle Studierenden k\u00f6nnen von solchen Anpassungen profitieren. Lernen ist sehr individuell und auch die Lernumgebung kann h\u00e4ufig ung\u00fcnstig sein. Auch hier kann Barrierefreiheit eine gro\u00dfe Hilfe sein. Ein guter Kontrast zwischen Text und Hintergrund kann dazu beitragen, die Lesbarkeit von Inhalten bei Sonnenreflexionen auf dem Bildschirm oder \u00e4hnlichem zu verbessern und die Belastung der Augen zu reduzieren. Videountertitel k\u00f6nnen die Sprachentwicklung von Nicht-Muttersprachlern f\u00f6rdern, und Bildbeschreibungen k\u00f6nnen eine gute Alternative bei schlechter Internetverbindung darstellen. Au\u00dferdem erm\u00f6glichen sie es den Studierenden zu \u00fcberpr\u00fcfen, ob sie eine Grafik richtig verstanden haben.<\/p>\n<p>Wir haben euer Interesse f\u00fcr Barrierefreiheit geweckt? Dann schaut euch gerne unsere Anleitungen und Beispiele im RWTHmoodle-Lernraum <a href=\"https:\/\/moodle.rwth-aachen.de\/enrol\/index.php?id=12891&amp;lang=de\">LehrBar<\/a> des Centers f\u00fcr Lehr- und Lernservices (CLS) sowie in <a href=\"https:\/\/help.itc.rwth-aachen.de\/service\/8d9eb2f36eea4fcaa9abd0e1ca008b22\/article\/37d227dcfbda421d8d1d8fd5e32a2e84\/\">IT Center Help<\/a> an. Bei Fragen und zur Beratung steht euch das <a href=\"https:\/\/www.itc.rwth-aachen.de\/cms\/it-center\/services\/support-moeglichkeiten\/~smkoi\/it-servicedesk\/\">IT-ServiceDesk<\/a> jederzeit zur Verf\u00fcgung.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>Verantwortlich f\u00fcr die Inhalte dieses Beitrags sind <a href=\"https:\/\/www.itc.rwth-aachen.de\/go\/id\/epvp\/gguid\/PER-SJZ2SS3\/allou\/1\/\">St\u00e9phanie Bauens<\/a> und <a href=\"https:\/\/www.itc.rwth-aachen.de\/go\/id\/epvp\/gguid\/PER-TW45BY4\/allou\/1\/\">Abiga\u00efl Legras<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u201eEin Bild sagt mehr als 1000 Worte\u201c \u2013 diesen Satz h\u00f6rt man oft. F\u00fcr blinde und sehbehinderte Studierende gilt das jedoch nicht, es sei denn, das Bild ist mit einer [&hellip;]<\/p>\n","protected":false},"author":6019,"featured_media":21328,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"c2c_always_allow_admin_comments":false,"footnotes":""},"categories":[315,310],"tags":[123,1410,1108,426,1407,87,10,1408,1409],"class_list":["post-21325","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-services-support","category-studium-lehre","tag-moodlemonday","tag-barrierearm","tag-barrierefreiheit","tag-cls","tag-lehrbar","tag-rwthmoodle","tag-studierende","tag-tinymce","tag-toolkit"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/posts\/21325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/users\/6019"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/comments?post=21325"}],"version-history":[{"count":3,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/posts\/21325\/revisions"}],"predecessor-version":[{"id":21390,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/posts\/21325\/revisions\/21390"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/media\/21328"}],"wp:attachment":[{"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/media?parent=21325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/categories?post=21325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.rwth-aachen.de\/itc\/wp-json\/wp\/v2\/tags?post=21325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}