{"id":82221,"date":"2025-01-29T14:03:08","date_gmt":"2025-01-29T13:03:08","guid":{"rendered":"https:\/\/zfl-lernen.de\/?page_id=82221"},"modified":"2025-06-16T13:05:05","modified_gmt":"2025-06-16T11:05:05","slug":"hinweise-zur-barrierefreiheit","status":"publish","type":"page","link":"https:\/\/zfl-lernen.de\/en\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/","title":{"rendered":"Hinweise zur Barrierefreiheit"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>Barrierefreiheit<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><br \/>\n<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>1. Grundlagen der Barrierefreiheit<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\nZiel der Lernmodule ist, dass alle Interessierten diese nutzen k\u00f6nnen. Aus diesem Grund werden Lernmodule als <a href=\"https:\/\/open-educational-resources.de\/\" target=\"_blank\" rel=\"noopener\">Open Educational Resources (OER)<\/a> ver\u00f6ffentlicht. Damit jedoch wirklich alle diese Lernmodule nutzen k\u00f6nnen, sind einige Aspekte der Barrierefreiheit im Internet bei der Erstellung zu ber\u00fccksichtigen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<br \/>\n<div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>1.1 Wahrnehmungskan\u00e4le beachten<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Generell sollten bei der Erstellung von Lernmodulen unterschiedliche Wahrnehmungskan\u00e4le ber\u00fccksichtigt werden, z.B. insofern, dass Informationen nicht ausschlie\u00dflich akustisch dargestellt werden sollten. Diese sind beispielsweise von Menschen mit H\u00f6rbeeintr\u00e4chtigungen nicht oder nur erschwert zu verarbeiten. Die folgende Infografik erl\u00e4utert diesen Sachverhalt n\u00e4her: <img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY\" alt=\"\" \/><\/p>\n<p style=\"text-align: center;\"><span class=\"literatur\"><em>Grafik \u201e#aa11y Was hat Internet mit Behinderung zu tun?\u201c von Laura Franke f\u00fcr &gt;&gt;school is open&lt;&lt; unter <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/4.0\/deed.de\">CC BY-SA 4.0<\/a> via <a href=\"https:\/\/infogram.com\/545a03a3-e7ed-4552-8849-27043ec5297e\">https:\/\/infogram.com\/545a03a3-e7ed-4552-8849-27043ec5297e<\/a>. Bearbeitung: Zuschnitt auf ein Textfeld von Annika Bu\u00dfmann.<\/em><\/span><\/p>\n<\/div><\/div><br \/>\n<div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>1.2 Die vier Kernprinzipien barrierefreier Gestaltung<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Aus den Wahrnehmungskan\u00e4len sind vier Kernprinzipien barrierefreier Gestaltung abzuleiten. Bitte beachten Sie diese bei der Konzeption und Erstellung Ihres Lernmoduls:<\/p>\n<ol>\n<li><strong>perceive<\/strong>: Inhalte sind auf vielen Wegen zug\u00e4nglich.<\/li>\n<\/ol>\n<ol start=\"2\">\n<li><strong>operable<\/strong>: Die Website ist \u00fcber viele Wege steuerbar und nutzbar.<\/li>\n<\/ol>\n<ol start=\"3\">\n<li><strong>understandable<\/strong>: Der Inhalt und das Interface sind f\u00fcr Nutzer*innen verst\u00e4ndlich.<\/li>\n<\/ol>\n<ol start=\"4\">\n<li><strong>robust<\/strong>: Der Inhalt ist von diversen Nutzer*innen konsumierbar und kann mit technischer Assistenz verwendet werden.<\/li>\n<\/ol>\n<p><span class=\"literatur\"><em>Text auf Basis der Grafik \u201e#aa11y Was hat Internet mit Behinderung zu tun?\u201c von Laura Franke f\u00fcr &gt;&gt;school is open&lt;&lt; unter <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/4.0\/deed.de\">CC BY-SA 4.0<\/a> via <a href=\"https:\/\/infogram.com\/545a03a3-e7ed-4552-8849-27043ec5297e\">https:\/\/infogram.com\/545a03a3-e7ed-4552-8849-27043ec5297e<\/a>.<\/em><\/span><\/p>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>1.3 Didaktisches Design: Universal Design for Learning (UDL)<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Das didaktische Rahmenwerk des Universal Design for Learning (UDL) wurde vom Center for Applied Special Technology (CAST) entwickelt. Es befasst sich mit der Herausforderung von heterogenen Lernendengruppen mit unterschiedlichen Lernbed\u00fcrfnissen (abh\u00e4ngig von Beeintr\u00e4chtigungen, aber auch Vorerfahrungen und -kenntnissen, kulturellen und sozialen Faktoren oder unterschiedlichen Kompetenzen). Das UDL bietet daher eine Vielzahl von Strategien, um die Gestaltung von Lernumgebungen und -erfahrungen zu flexibilisieren und somit die Zug\u00e4nglichkeit f\u00fcr alle Lernenden zu steigern. Das Rahmenwerk fu\u00dft auf den folgenden Prinzipien:<\/p>\n<ol>\n<li>Bieten Sie den Lernenden multiple Wege und M\u00f6glichkeiten an, sich angesprochen zu f\u00fchlen und engagiert zu lernen. Hierbei stehen unterschiedliche Wege zur Unterst\u00fctzung der Motivation und der Aufrechterhaltung der Aufmerksamkeit zur Verf\u00fcgung.<\/li>\n<li>Bieten Sie multiple Darstellungsweisen der Lerninhalte an. Dieses Prinzip umfasst die barrierefreie Gestaltung von Lernmaterialien sowie unterschiedliche Unterst\u00fctzungsans\u00e4tze zur F\u00f6rderung der Informationsverarbeitung.<\/li>\n<li>Bieten Sie den Lernenden multiple Wege und M\u00f6glichkeiten an, mit der Lernumgebung zu interagieren und das eigene Wissen zu pr\u00e4sentieren. Hierbei geht es darum, die Verwendung von assistiven Technologien in der Interaktion mit der Lernumgebung zu erm\u00f6glichen und unterschiedliche Wege der Kommunikation zu f\u00f6rdern.<\/li>\n<\/ol>\n<p>Diese drei Prinzipien sind im Rahmenwerk wiederum in untergeordnete Guidelines und konkrete Checkpoints unterteilt. Eine vollst\u00e4ndige \u00dcbersicht finden Sie auf der <a href=\"https:\/\/udlguidelines.cast.org\/?utm_source=castsite&amp;lutm_medium=web&amp;utm_campaign=none&amp;utm_content=aboutudl&amp;_gl=1*14wssrx*_ga*MTg5ODY4Mzc5NC4xNjcwNTkwMTE2*_ga_C7LXP5M74W*MTY5MDUyMzU1OC40MS4xLjE2OTA1MjM1NzYuMC4wLjA.\" target=\"_blank\" rel=\"noopener\">Website von CAST<\/a>.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-2\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_left wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/ico_hinweis-150x150.png\" class=\"vc_single_image-img attachment-thumbnail\" alt=\"Icon Hinweis\" title=\"ico_hinweis\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/ico_hinweis-150x150.png 150w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/ico_hinweis-12x12.png 12w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/ico_hinweis.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-10\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\nWichtig ist herauszustellen, dass alle Nutzer*innen von einer Barrierefreiheit in den Lernmodulen profitieren. Barrierefreiheit f\u00fchrt zu einer erh\u00f6hten Nutzungsfreundlichkeit und Zug\u00e4nglichkeit f\u00fcr alle. Weiterf\u00fchrende Informationen zur Barrierefreiheit in der digitalen Lehre finden Sie auf der Website des <a href=\"https:\/\/inklusion.uni-koeln.de\/informationen\/lernen\/digital_lernen\/index_ger.html\" target=\"_blank\" rel=\"noopener\"><strong>Servicezentrum Inklusion der Universit\u00e4t zu K\u00f6ln <\/strong><\/a><\/p>\n<p>Eine Zusammenfassung der Bed\u00fcrfnisse verschiedener Personengruppen finden Sie au\u00dferdem in einer <a href=\"https:\/\/ukhomeoffice.github.io\/accessibility-posters\/\" target=\"_blank\" rel=\"noopener\"><strong>Ver\u00f6ffentlichung des Britischen Innenministeriums<\/strong><\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element  wpb_content_element\" ><span class=\"vc_sep_holder vc_sep_holder_l\"><span class=\"vc_sep_line\"><\/span><\/span><span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>2. Inhalt<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p> Die nachfolgend aufgef\u00fchrten Informationen beziehen sich explizit auf die <strong>Erstellung von Lernmodulen auf zfl-lernen.de<\/strong> und erheben keinen Anspruch auf Vollst\u00e4ndigkeit. <\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_tta-container\" data-vc-action=\"collapseAll\"><div class=\"vc_general vc_tta vc_tta-accordion vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-o-shape-group vc_tta-controls-align-default vc_tta-o-all-clickable\"><div class=\"vc_tta-panels-container\"><div class=\"vc_tta-panels\"><div class=\"vc_tta-panel\" id=\"1738663293385-50735e1a-5890\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1738663293385-50735e1a-5890\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">2.1 Text<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\n<strong>Verwenden Sie bitte:<\/strong><\/p>\n<ul>\n<li>die Funktion &#8222;Formate&#8220; und \u00dcberschriften (unter &#8222;Absatz&#8220; zu finden) zur Formatierung.<\/li>\n<li>pr\u00e4gnante Formulierungen bei der Wahl Ihrer \u00dcberschriften.<\/li>\n<li>kurze und sprachlich angemessene Textpassagen.<\/li>\n<li>aussagekr\u00e4ftige Texte bei Verlinkungen (nicht: &#8222;hier&#8220;, besser: &#8222;Weitere Informationen&#8220;).<\/li>\n<li>keine Tabellen mit vielen Spalten, sondern Listen (s. Formatvorlagen).<\/li>\n<li>Unterschiedliche L\u00e4ngen in Texten der Zeilen und Abs\u00e4tze erleichtern dem Auge die Orientierung. Empfohlen wird eine Zeilenl\u00e4nge von bis zu <strong>80 Zeichen<\/strong>. <strong><a href=\"https:\/\/xn--zeichenzhler-ncb.de\/de\/\">Hier<\/a> <\/strong>k\u00f6nnen Sie z.B. ihre Zeichen z\u00e4hlen lassen. Der Text sollte nicht den gesamten Bildschirm einnehmen (besonders zu beachten bei interaktiven Grafiken\/Draw Attention) und die Zeilen sollten nicht zu lang werden. Je l\u00e4nger die Zeilen sind, desto schwieriger ist es f\u00fcr das Auge, den Beginn der n\u00e4chsten Zeile zu finden. Bei zu kurzen Zeilen muss das Auge hingegen zu oft hin und her bewegt werden, was f\u00fcr Sehbehinderte schwierig sein kann. <strong>Wichtig: Bei interaktiven Grafiken ist vor allem zu beachten, dass man diese nicht alleine zur Navigation nutzen sollte, sondern immer zus\u00e4tzlich weitere Navigationspunkte hat, die man mit der Tastatur erreichen kann.<\/strong><\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">\u00a0<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Tabellen<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Auch bei der Erstellung von Tabellen sollte man einiges f\u00fcr die Barrierefreiheit beachten:<\/p>\n<ul>\n<li>Den Tabellenkopf als \u00dcberschrift w\u00e4hlen, eventuell auch die erste Spalte, wenn sie f\u00fcr die Beschreibung der nebenstehenden Spalten wichtig ist.<\/li>\n<li>Bei langen Tabellen, die \u00fcber mehrere Seiten gehen sollte die Kopfzeile nochmals auftauchen.<\/li>\n<li>Tabellen <strong><u>nicht<\/u> zur Gestaltung der Seiten nutzen<\/strong>, da sie von Screenreadern nicht verst\u00e4ndlich vorgelesen werden k\u00f6nnen<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Links<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><ul>\n<li>Den Links immer einen Namen geben, die z.B. das Linkziel (zur Seite der Hochschuldidaktik) oder den Inhalt (Informationen zum Pr\u00fcfungsverfahren) beschreiben.<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Pr\u00e4sentationen<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><ul>\n<li>Die allgemeinen Grundregeln beachten.<\/li>\n<li>Barrierefreie Folienmaster anlegen, bei denen die Elemente Titel, Text und Fu\u00dfzeilen korrekt eingef\u00fcgt sind.<\/li>\n<li>Neue Folien immer \u00fcber &#8222;Neue Folie&#8220; einf\u00fcgen, um sicherzustellen, dass alle Elemente korrekt ausgezeichnet sind. Jede Folie hat einen Titel, damit Screenreader-Nutzende sich leicht im Foliensatz orientieren k\u00f6nnen.<\/li>\n<li>Die Lesereihenfolge der Folien kontrollieren, wenn neben Titel und Text noch weitere Elemente eingef\u00fcgt wurden. Die Reihenfolge, in der Screenreader die Folien vorlesen, entspricht der Reihenfolge, in der Sie mit der Tabtaste durch die Folien gehen.<\/li>\n<li>Auch hier sind Alternativtexte f\u00fcr Bilder im Kontextmen\u00fc wichtig. In PowerPoint hei\u00dft das Kontextmen\u00fc &#8222;Grafik formatieren &#8211; Gr\u00f6\u00dfe und Eigenschaften&#8220; ein.<\/li>\n<li>Mit &#8222;Smartart&#8220; gebaute Schaubilder k\u00f6nnen vom Screenreader nicht verst\u00e4ndlich vorgelesen werden. Daher immer nur einen Screenshot des fertigen Schaubilds einf\u00fcgen plus einen Alternativtext.<\/li>\n<li>Die Dokumentensprache korrekt angeben.<\/li>\n<li>Anderssprachige Abs\u00e4tze, z.B. englische Zitate, extra auszeichnen.<\/li>\n<li>Auf das Format der Bildschirmpr\u00e4sentation (.ppsx) evtl. verzichten, bei dem die Pr\u00e4sentation wie ein Video abl\u00e4uft. Es ist f\u00fcr Screenreader-Nutzende nicht zug\u00e4nglich. Stattdessen auf den einzelnen Folien Audios platzieren.<\/li>\n<li>Wenn Audios in die Pr\u00e4sentation eingebaut sind, Notizen (in PowerPoint) nutzen, um das Transkript zur Verf\u00fcgung zu stellen.<\/li>\n<li>Achten Sie beim PDF-Export in den Einstellungen darauf, dass Dokumentenstruktur-Tags f\u00fcr die Barrierefreiheit eingeschlossen werden (bei Word unter Optionen bei Export- oder Speichern unter-Pfad).<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Digitale Tools zur \u00dcberpr\u00fcfung der Barrierefreiheit<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><ul>\n<li>Digitale Tools, um im Allgemeinen Farben oder auch Schriften auf Barrierefreiheit zu \u00fcberpr\u00fcfen, werden als <strong>&#8222;colour contrast analyser&#8220;<\/strong> bezeichnet. Sie geben konkrete Werte zur Barrierefreiheit an. Folgendes wird beispielsweise vorgegeben:\n<ul>\n<li>Das Kontrastverh\u00e4ltnis muss bei normalen Text mindestens 4,5:1 betragen, bei gro\u00dfen Texten ab 18pt mindestens 3:1. Das Kontrastverh\u00e4ltnis messen Sie mit dem <a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\"><strong>Colour Contrast Checker.<\/strong><\/a><\/li>\n<li>Verwenden Sie Farbe niemals als einzigen Informationstr\u00e4ger, z.B. gr\u00fcner Kasten = richtig, roter Kasten = falsch. Die Information sollte auch noch \u00fcber einen zweiten Weg wahrnehmbar sein.<\/li>\n<\/ul>\n<p>Diese Tools k\u00f6nnen Sie also verwenden, falls Sie sich unsicher in der Farbwahl eines Icons oder einer Schrift sind oder Sie das Ziel verfolgen, einen m\u00f6glichst barrierefreien Text zu gestalten. Im Folgenden werden hilfreiche Tools aufgelistet und empfohlene Tools entsprechend gekennzeichnet.<\/p>\n<ul>\n<li><a href=\"https:\/\/siteimprove.com\/de-de\/barrierefreiheit\/color-contrast-checker\/\"><strong>https:\/\/siteimprove.com\/de-de\/barrierefreiheit\/color-contrast-checker\/<\/strong><\/a> (empfohlen)\n<ul>\n<li>Auf deutsch<\/li>\n<\/ul>\n<\/li>\n<li><strong><a href=\"https:\/\/whocanuse.com\/\">https:\/\/whocanuse.com\/<\/a> <\/strong>(detailliert)\n<ul>\n<li><strong>Infos: <\/strong><strong>Kontrast-Test<\/strong> mit beiden angegebenen Farben (Schriftfarbe und Hintergrundfarbe im Hexadezimal-Code)<\/li>\n<li>Es k\u00f6nnen auf der Seite auch noch <strong>Schriftgr\u00f6\u00dfe<\/strong> und <strong>Schriftschnitt<\/strong> angegeben werden, weil die Lesbarkeit von Text von diesen Werten beeinflusst wird.<\/li>\n<li>Man kann beispielsweise eine Schrift von <strong>20px auf 24px erh\u00f6hen<\/strong> und erh\u00e4lt eine Kombination der <strong>Bestnote AAA<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><a href=\"https:\/\/juicystudio.com\/services\/luminositycontrastratio.php\"><strong>https:\/\/juicystudio.com\/services\/luminositycontrastratio.php<\/strong><\/a> (empfohlen)\n<ul>\n<li>Einfach zu bedienen<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div><\/div><div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1738663293405-12da6260-e59c\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1738663293405-12da6260-e59c\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">2.2 Bilder und Grafiken<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\nBilder und Grafiken sind ein gutes Mittel, um das Verst\u00e4ndnis zu erleichtern.<br \/>Beim Einsatz beachten Sie bitte folgende Punkte:<\/p>\n<ul>\n<li><strong>Bilder und Grafiken ersetzen keinen Text<\/strong> \u2013 sie bestehen immer nur zus\u00e4tzlich.<\/li>\n<li>Vermeiden Sie rein visuelle Anleitungen.<\/li>\n<li>Nutzen Sie Bilder oder Grafiken, die kontrastreich sind und gut lesbare, serifenfreie Schriftarten.<\/li>\n<li>Bilder und Grafiken ben\u00f6tigen Alternativtexte (siehe Punkt 2.8).<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1738663301648-c4028410-4e43\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1738663301648-c4028410-4e43\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">2.3 Videos<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\nVideos sollten \u00fcber eine Untertitelung verf\u00fcgen. Auf der Website <a href=\"https:\/\/bik-fuer-alle.de\/untertitelung.html\" target=\"_blank\" rel=\"noopener\">&#8222;<strong>BIK f\u00fcr alle<\/strong>&#8222;<\/a> finden Sie weitere Informationen zu den Untertiteln in Videos. Aus dieser Quelle stammen auch folgende weitere Informationen: Es gibt verschiedene Editoren, die zum Einsatz kommen k\u00f6nnen. Im Folgenden werden einige kostenfreie Untertitel-Editoren vorgestellt, mit deren Hilfe Untertitel-Text eingegeben und mit dem passenden Timing versehen werden kann. Die erstellten Untertitel lassen sich in verschiedenen Dateiformaten (WebVTT, SubRip, usw.) herunterladen:<\/p>\n<ul>\n<li><a href=\"http:\/\/subtitlehorse.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Subtitle Horse<\/strong><\/a><strong>:<\/strong> Wir empfehlen dieses Online-Tool. Es ist online auch ohne Anmeldung nutzbar. Besondere Funktionen sind: Einstellungen f\u00fcr den Schriftschnitt (fett\/ kursiv\/ unterstrichen) und verschiedene Symbole.<\/li>\n<\/ul>\n<p>Zudem gibt es auch eine Anzahl kostenloser Desktop-Editoren &#8211; siehe hierf\u00fcr den n\u00e4chsten Punkt.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>\u00dcbersicht zu Desktop-Editoren<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Eine Auswahl mit kostenlosen Downloadm\u00f6glichkeiten:<\/p>\n<ul>\n<li><strong><a href=\"http:\/\/www.nikse.dk\/subtitleedit\/\" target=\"_blank\" rel=\"noopener\">Subtitle Edit<\/a><\/strong><\/li>\n<li><strong><a href=\"http:\/\/ncamftp.wgbh.org\/cadet\/\" target=\"_blank\" rel=\"noopener\">CADET (Caption and Description Editing Tool)<\/a><\/strong><\/li>\n<li><strong><a href=\"http:\/\/www.uruworks.net\/index.html\" target=\"_blank\" rel=\"noopener\">Subtitle Workshop<\/a><\/strong><\/li>\n<li><strong><a href=\"http:\/\/www.aegisub.org\/\" target=\"_blank\" rel=\"noopener\">Aegisub<\/a><\/strong><\/li>\n<\/ul>\n<p>Wer im Anschluss pr\u00fcfen m\u00f6chte, ob seine WebVTT-Datei valide ist, nutzt den\u00a0<strong><a href=\"https:\/\/quuz.org\/webvtt\/\" target=\"_blank\" rel=\"noopener\">Live WebVTT Validator<\/a><\/strong>.<\/p>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Darstellung und Form<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><ul>\n<li>Zeitgleiches Einblenden mit dem Ton und m\u00f6glichst synchron zur sprechenden Person<\/li>\n<li>Es ist sinnvoll die Zeilen nach Sinneinheiten aufzuteilen<\/li>\n<li>Position: mittig unten (falls hier bereits Texteinblendungen sind, mittig oben)<\/li>\n<li>Kontrastreiche, gut lesbare Schrift auf Hintergrund<\/li>\n<li>Mindeststandzeit: 2 Sekunden bzw. Lesezeit von 13-15 Zeichen pro Sekunde<\/li>\n<li>Zeilenzahl: 2-zeilig<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Inhaltliche Gestaltung<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><ul>\n<li>Nah am Original, falls n\u00f6tig ohne Informationsverlust umformulieren<\/li>\n<li>Neue deutsche Rechtschreibung<\/li>\n<li>Zahl als Zahl darstellen; hohe Zahl mit Punkt nach der Tausenderstelle<\/li>\n<li>Wichtige Audioinformationen, z.B. Gedanken, Off-Sprache, Ger\u00e4usche: in Klammern<\/li>\n<li>Zitierter Text: in Anf\u00fchrungszeichen<\/li>\n<li>Sprecher mit Name und Doppelpunkt, bei Gespr\u00e4chssituationen Sprechertext unterschiedliche Farben zuordnen<\/li>\n<li>Musikstil benennen, z.B. (Jazz-Musik)<\/li>\n<li>Liedtext mit Rautezeichen (#) kennzeichnen<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Kurze Anleitung zur Untertitelung mit subtitle-horse<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Wie bereits weiter oben beschrieben, empfehlen wir die Website <a href=\"https:\/\/subtitle-horse.com\/\"><strong>https:\/\/subtitle-horse.com\/<\/strong><\/a>, um damit die Untertitelung zu erstellen. <strong>Hinweis: In dieser Anleitung wird nur auf die wichtigsten Grundfunktionen eingegangen. Nat\u00fcrlich verf\u00fcgt das Online-Tool auch \u00fcber weitere Funktionen. <\/strong>Eine kurze Beschreibung der einzelnen Werkzeuge erfolgt auch durch Mouseover auf den entsprechenden Werkzeugen.<\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li>\u00d6ffnen Sie die Website und klicken Sie auf &#8222;Create subtitles with free version&#8220;.<\/li>\n<li>Anschlie\u00dfend erscheint eine \u00dcbersicht ihrer zur Verf\u00fcgung stehenden Projekte (3 sind kostenlos)<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-37798 aligncenter\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_1-300x276.jpg\" alt=\"\u00dcbersicht \u00fcber 3 Projekte\" width=\"300\" height=\"276\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_1-300x276.jpg 300w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_1-1024x944.jpg 1024w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_1-768x708.jpg 768w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_1.jpg 1273w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Klicken Sie auf &#8222;Add projekt&#8220;.<\/li>\n<li>Geben Sie Ihrem Projekt einen Namen.<\/li>\n<li>Laden Sie Ihr Video hoch, in dem Sie auf &#8222;Load from disc&#8220; klicken.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-37800\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_2-252x300.jpg\" alt=\"\" width=\"297\" height=\"354\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_2-252x300.jpg 252w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_2-862x1024.jpg 862w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_2-768x913.jpg 768w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_2.jpg 1200w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/> \u00a0\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-37799\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_3-255x300.jpg\" alt=\"\" width=\"300\" height=\"353\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_3-255x300.jpg 255w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_3-870x1024.jpg 870w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_3-768x904.jpg 768w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_3.jpg 1205w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Klicken Sie anschlie\u00dfend auf &#8222;Next&#8220;.<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-37801\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_4-300x149.jpg\" alt=\"Next\" width=\"300\" height=\"149\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_4-300x149.jpg 300w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_4.jpg 307w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Klicken Sie den Haken bei &#8222;I don\u00b4t know the framerate&#8220;, wenn Sie die Framerate ihres Videos nicht kennen und klicken Sie anschlie\u00dfen auf &#8222;Start subtitling&#8220;, um die Untertitelung zu starten.<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-37802 aligncenter\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_5-283x300.jpg\" alt=\"Bearbeitungsfenster zur Frame-Rate und anschlie\u00dfend auf &quot;Weiter&quot; klicken\" width=\"283\" height=\"300\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_5-283x300.jpg 283w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_5-965x1024.jpg 965w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_5-768x815.jpg 768w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_5.jpg 1187w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><\/li>\n<li>Sie sehen anschlie\u00dfend alle Bearbeitungsm\u00f6glichkeiten mit subtitle-horse:<\/li>\n<li>Links sehen Sie Ihr Video, dass Sie im Video-Fenster beliebig oft anschauen k\u00f6nnen. Rechts werden Ihnen nach Erstellung eines Untertitels die Untertiteloptionen angezeigt. Und unten befindet sich eine Zeitleiste, die mit der Ansicht des Videos verbunden ist. Sie k\u00f6nnen den Zeitmarker nach Belieben verschieben, um auf bestimmte Stellen des Videos zu springen.<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-37804 aligncenter\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_6_-300x154.jpg\" alt=\"Bearbeitungsfenster\" width=\"736\" height=\"378\" \/><\/li>\n<li>Gehen Sie auf der Zeitleiste auf die Stelle, bei der Sie einen Untertitel einblenden m\u00f6chten. \u00dcber die Schaltfl\u00e4che auf der rechten Seite k\u00f6nnen Sie mit einem Klick auf&#8220;+add at current time&#8220; einen neuen Untertitel hinzuf\u00fcgen. Dabei wird die empfohlene Zeichenanzahl mit Hilfe eines Balkens unter dem Untertitel angezeigt. (Alternative: Auf das Plus-Symbol oben links \u00fcber dem Video klicken.)<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-37805\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_7_-300x152.jpg\" alt=\"Untertitel erstellt\" width=\"688\" height=\"349\" \/> Gr\u00fcn=Zeichenanzahl ist lesbar und wird empfohlen. Rot=die empfohlene Zeichenanzahl wurde \u00fcberschritten. Anschlie\u00dfend k\u00f6nnen Sie die Anzeigezeit des Untertitels \u00fcber dem Untertitel anpassen. Klicken Sie entweder auf die Anfangs- oder auf die Endzeit und geben Sie entsprechende neue Zahlenwerte ein oder nutzen Sie die obigen Pfeiltasten (nach oben und nach unten). Entsprechend der Einstellungen werden die Untertitel unten in der Zeitleiste verschoben. Wenn Sie einen Untertitel l\u00f6schen m\u00f6chten, klicken Sie auf das Papierkorb-Symbol oben links \u00fcber dem Video. (Gerne k\u00f6nnen Sie f\u00fcr Ihre Untertitel die Standardeinstellungen benutzen ohne etwas am Schriftschnitt oder der Ausrichtung zu \u00e4ndern.)<\/li>\n<li>Dieses Prozedere wird nun f\u00fcr alle Untertitel, die Sie erstellen m\u00f6chten angewandt. W\u00e4hrend der Erstellung ist es hilfreich sich parallel mit den Untertiteln immer wieder das Video anzuschauen und nachzujustieren bzw. die Zeiten anzupassen.<\/li>\n<li>Nachdem Sie alle Untertitel an den richtigen Stellen hinzugef\u00fcgt haben, k\u00f6nnen Sie Ihre Untertitel exportieren, dazu k\u00f6nnen Sie unter verschiedenen Formaten ausw\u00e4hlen. Da Sie f\u00fcr H5P VTT ben\u00f6tigen, w\u00e4hlen Sie bitte &#8222;VTT&#8220; aus.<\/li>\n<li>Klicken Sie daf\u00fcr auf &#8222;File&#8220; und dann auf &#8222;Export&#8220; und w\u00e4hlen Sie &#8222;VTT&#8220; aus der Liste aus. Anschlie\u00dfend geben Sie der Datei einen Namen und klicken auf &#8222;Export&#8220;, um die Datei herunterzuladen.<img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-37806 aligncenter\" src=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_8_-300x170.jpg\" alt=\"Export\" width=\"300\" height=\"170\" srcset=\"https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_8_-300x170.jpg 300w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_8_-768x435.jpg 768w, https:\/\/zfl-lernen.de\/wp-content\/uploads\/subtitles_8_.jpg 997w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li>Anschlie\u00dfend k\u00f6nnen Sie Ihre VTT-Datei in H5P im Video-Element einbinden.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/div><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1738663529788-ac7ebd92-f25f\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1738663529788-ac7ebd92-f25f\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">2.4 Alternativtexte<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\nAlternativtexte helfen blinden Menschen und Menschen mit Sehbeeintr\u00e4chtigungen Bilder und Grafiken inhaltlich zu erfassen. Diese nutzen Internetseiten oftmals mit einem Screenreader, der Texte \u2013 und auch Alternativtexte \u2013 vorlesen oder anderweitig ausgeben kann. Au\u00dferdem helfen Alternativtexte auch, wenn Bilder und Grafiken aufgrund technischer Probleme nicht angezeigt werden k\u00f6nnen und erh\u00f6hen die Auffindbarkeit von Inhalten \u00fcber Suchmaschinen.<\/p>\n<p>Bitte f\u00fcgen Sie jedem Bild, das Sie hochladen und nutzen einen entsprechenden Alternativtext hinzu. Alternativtexte k\u00f6nnen \u00fcber die Medienbibliothek eingef\u00fcgt werden. W\u00e4hlen Sie das entsprechende Bild aus oder laden es hoch und geben den Alternativtext im entsprechenden Fenster (\u201eAlternativer Text\u201c) ein.<br \/>\n\u00a0<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/OX_LVxs9xvnRL26AiLWLCfvLhiQnLIIX1HUytdE4uUv4nBfkB13Cw_Z4brx_7XKuuMLZGgjtfrCEzhEeJ_VV5n4KJE1NuMi-u77zosxZTwMnNDnaxRNHbzDuyi6P_w\" alt=\"\" \/><\/figure>\n<p>Wichtig ist, dass die Alternativtexte treffend formuliert sind. Beachten Sie deswegen bei der Formulierung dieser bitte folgende Punkte:<br \/>\n\u00a0<\/p>\n<ul>\n<li>Rein dekorative Bilder und Grafiken ben\u00f6tigen <strong>keinen<\/strong> Alternativtext. Falls Sie sich unsicher sind, schreiben Sie jedoch besser einen.<\/li>\n<li>Alternativtexte geben Inhalt und Funktion des Bildes wieder. Beachten Sie den Kontext, in dem das Bild steht und bringen diesen in Ihre Beschreibung ein.<\/li>\n<li><strong>So kurz wie m\u00f6glich, so lang wie n\u00f6tig<\/strong> &#8211; Richtwert: 80 bis 100 Zeichen.<\/li>\n<li>Vermeiden Sie Formulierungen wie \u201cDieses Bild enth\u00e4lt\u2026\/Foto von&#8230;\u201d, da der Screenreader bereits vor dem Vorlesen des Alternativtextes darauf aufmerksam macht. Hier w\u00fcrde es sich um eine unn\u00f6tige Dopplung handeln.<\/li>\n<li>Halten Sie die Alternativtexte objektiv und vermeiden Interpretationen.<\/li>\n<li>Kontrollieren Sie Ihren Alternativtext immer auf Rechtschreibung und Zeichensetzung.<\/li>\n<\/ul>\n<p>Weitere Informationen zur passenden Formulierung von Alternativtexten finden Sie in<strong> <a href=\"https:\/\/www.lucia-clara-rocktaeschel.de\/alternativtexte-schreiben\/\" target=\"_blank\" rel=\"noopener\">diesem Blogbeitrag von Lucia Clara Rockt\u00e4schel<\/a>.<\/strong><\/p>\n<div class=\"vc_tta-panel\" id=\"1738663542542-8a0394cd-08ea\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title vc_tta-controls-icon-position-left\"><a href=\"#1738663542542-8a0394cd-08ea\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">2.5 PDF-Dokumente<\/span><i class=\"vc_tta-controls-icon vc_tta-controls-icon-plus\"><\/i><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n<br \/>\nAuch pdf-Dokumente sollten barrierefrei gestaltet sein, wenn Sie diese in Ihr Lernmodul \u2013 z.B. als Zusammenfassung \u2013 einbinden. Dabei sind bitte die folgenden Punkte zu beachten:<\/p>\n<ul>\n<li><strong>Scannen Sie niemals Dokumente ein<\/strong>. Diese sind f\u00fcr Screenreader nicht lesbar.<\/li>\n<li>Nutzen Sie auch hier Formatvorlagen (z.B. die \u00dcberschriften-Formate aus Word) sowie Vorlagen f\u00fcr die Listen- und Tabellenerstellung.<\/li>\n<li>Erstellen Sie ein automatisches Inhaltsverzeichnis bei l\u00e4ngeren Dokumenten.<\/li>\n<li>F\u00fcgen Sie Seitenzahlen hinzu.<\/li>\n<li>Achten Sie darauf, dass die richtige Sprache im Dokument eingestellt ist.<\/li>\n<li>Nutzen Sie kontrastreiche Abbildungen, serifenfreie Schrift und mindestens einen 1,5-fachen Zeilenabstand.<\/li>\n<li>Nutzen Sie keine automatische Silbentrennung.<\/li>\n<li>Nutzen Sie statt vielen Leerzeichen immer die Tabulatortaste, da die Leerzeichen sonst einzeln vorgelesen werden.<\/li>\n<li>F\u00fcgen Sie auch in\u00a0 Word Alternativtexte f\u00fcr Bilder und Grafiken hinzu.<\/li>\n<li>In Word l\u00e4sst sich unter dem Reiter \u201c\u00dcberpr\u00fcfen\u201d die Barrierefreiheit des Dokuments testen.<\/li>\n<li>Nutzen Sie Hyperlinks und Querverweise.<\/li>\n<\/ul>\n<p>Die Universit\u00e4t zu K\u00f6ln hat eine umfangreiche <a href=\"http:\/\/vielfalt.uni-koeln.de\/fileadmin\/home\/bdahmen\/PDFs\/Erstellung_barrierefreier_Dokumente_Leitfaden_UK.pdf\" target=\"_blank\" rel=\"noopener\"><strong>Hilfestellung zur Erstellung digitaler pdf-Dokumente<\/strong><\/a> ver\u00f6ffentlicht. Hier finden Sie auch eine Checkliste mit der Sie die Barrierefreiheit Ihres Dokuments \u00fcberpr\u00fcfen k\u00f6nnen.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element  wpb_content_element\" ><span class=\"vc_sep_holder vc_sep_holder_l\"><span class=\"vc_sep_line\"><\/span><\/span><span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>3. \u00dcbersicht aller \u00dcberpr\u00fcfungswebsites<\/h2>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>\nEs gibt verschiedene Tools und Hilfsmittel, die Sie dabei unterst\u00fctzen, die Barrierefreiheit Ihres Materials zu testen:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Programminterne Tests<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Einige Programme wie Word, PowerPoint, Acrobat haben eine Funktion, die Dokumente auf Barrieren zu pr\u00fcfen. Die rein automatischen Tests decken aber nur einen Teil der m\u00f6glichen Barrieren ab.<\/p>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Test f\u00fcr PDF-Dokumente<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>PDF-Dokumente k\u00f6nnen mit dem kostenlosen <a href=\"https:\/\/pdfua.foundation\/en\/pdf-accessibility-checker-pac\/\"><strong>PDF Accessibility Checker<\/strong><\/a> \u00fcberpr\u00fcft werden. Der PAC-Test gibt unter Umst\u00e4nden sehr umfangreiche Fehlermeldungen aus, die sich zum Teil nur mithilfe von Adobe Acrobat Pro beheben lassen und ein gewisses Know-how verlangen.<\/p>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>Tests f\u00fcr Internetseiten<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Es gibt Erweiterungen f\u00fcr Browser, die einzelne oder mehrere Aspekte der Barrierefreiheit automatisch pr\u00fcfen und die hilfreich sind, um schnell bestimme Aspekte zu \u00fcberpr\u00fcfen. <strong>Es gibt kein automatisches Tool, das alle Aspekte der Barrierefreiheit pr\u00fcft!<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/wave.webaim.org\/extension\/\"><strong>Wave<\/strong><\/a> ist eine Browser-Erweiterung, die Internetseiten auf eine Reihe von Barrierefreiheitsregeln pr\u00fcft und die Fehler mit Erkl\u00e4rungen anzeigt. Je nach Art des Fehlers sind html-Kenntnisse erforderlich.<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>N\u00fctzliche Tools zur Pr\u00fcfung einzelner Aspekte<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><ul>\n<li><strong><a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\">Colour Contrast Analyser<\/a><\/strong>: Mit dem kostenlosen Programm kann man einfach das Kontrastverh\u00e4ltnis in Dokumenten und Internetseiten pr\u00fcfen. Die Farbwerte ermittelt das Programm automatisch.<\/li>\n<li>Web Developer f\u00fcr <a href=\"https:\/\/addons.mozilla.org\/de\/firefox\/addon\/web-developer\/\"><strong>Firefox<\/strong><\/a> und <strong><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm\">Chrome<\/a><\/strong>: Die Browser-Erweiterung hat eine Reihe n\u00fctzlicher Funktionen zur Zug\u00e4nglichkeitspr\u00fcfung. Unter Images &#8222;Display Alt Attributes&#8220; kann man sich Alternativtexte auf der Seite anzeigen lassen. Man sieht nicht nur, ob Alt-Texte vorhanden sind, sondern kann auch den Text der Bildbeschreibungen lesen.<\/li>\n<li>HeadingsMap f\u00fcr <a href=\"https:\/\/addons.mozilla.org\/de\/firefox\/addon\/headingsmap\/\"><strong>Firefox<\/strong><\/a> und <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/headingsmap\/flbjommegcjonpdmenkdiocclhjacmbi\"><strong>Chrome<\/strong><\/a>: Die Browser-Erweiterung zeigt die Struktur der \u00dcberschriften einer Seite an, sodass man auf einen Blick sieht, ob die Struktur sinnvoll ist.<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"vc_do_toggle vc_toggle vc_toggle_simple vc_toggle_color_default  vc_toggle_size_lg\"><div class=\"vc_toggle_title\"><h4>BITV-Test<\/h4><i class=\"vc_toggle_icon\"><\/i><\/div><div class=\"vc_toggle_content\"><p>Vollst\u00e4ndige Tests aller gesetzlich vorgeschriebenen Barrierefreiheitskriterien liefert nur eine Kombination aus manuellen und automatischen Testschritten. Auf der Seite des BITV-Tests wird eine <a href=\"https:\/\/studio.bitvtest.de\/login\"><strong>BITV-Selbstbewertung<\/strong><\/a> angeboten, in dem man Schritt f\u00fcr Schritt alle Kriterien mit unterschiedlichen Verfahren pr\u00fcfen kann. Die Testschritte und die Instrumente werden erkl\u00e4rt, dennoch ist eine gewisse html-Kenntnis notwendig.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element  wpb_content_element\" ><span class=\"vc_sep_holder vc_sep_holder_l\"><span class=\"vc_sep_line\"><\/span><\/span><span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>4. H5P Elemente<\/h2>\n<p>Eine allgemeine Aussage, wie barrierefrei H5P-Inhaltselemente sind, l\u00e4sst sich nicht treffen. Es h\u00e4ngt von den einzelnen Elementen ab. Das Kompetenzzentrum digitale Barrierefreiheit.nrw hat zahlreiche H5P-Elemente auf ihre Barrierefreiheit getestet und die <a href=\"https:\/\/barrierefreiheit.dh.nrw\/testverfahren\/testergebnisse\"><strong>Testberichte zu H5P auf<\/strong> <strong>seiner Internetseite<\/strong><\/a> ver\u00f6ffentlicht.<\/p>\n<ul>\n<li>Bevor Sie entscheiden, welches H5P-Inhaltselement Sie verwenden wollen, schauen Sie in den <strong><a href=\"https:\/\/barrierefreiheit.dh.nrw\/testverfahren\/testergebnisse\">H5P-Testberichten des Kompetenzzentrums<\/a> <\/strong>nach, bevor Sie entscheiden. Manchmal kann es n\u00f6tig sein, eine Alternative zu suchen, weil das Element f\u00fcr Studierende mit Behinderungen in Ihrer Lerngruppe nicht zug\u00e4nglich ist.<\/li>\n<li>Sie nutzen die Einstellungsm\u00f6glichkeiten bei der H5P-Erstellung, um das Element so zug\u00e4nglich wie m\u00f6glich zu gestalten:\n<ul>\n<li>Sie geben aussagekr\u00e4ftige Alternativtexte f\u00fcr Bilder ein. Wenn man in H5P-Elemente Bilder hochl\u00e4dt, gibt es unter dem Bild in der Regel ein Textfeld, in das der Alt-Text eingegeben werden kann.<\/li>\n<li>Sie w\u00e4hlen nach M\u00f6glichkeit keine Einstellungen, die die Nutzungsautonomie der Studierenden einschr\u00e4nkt, wie z. B. Zeitbegrenzungen, automatisches Starten von Videos und Audios oder Wiederholungen verbieten.<\/li>\n<li>Wenn es L\u00f6sungsanzeigen gibt, sollten Rechtschreibfehler nur dann angezeigt werden, wenn sie wirklich f\u00fcr die Aufgabe wichtig sind. Gerade f\u00fcr Studierende mit Dyslexie ist es frustrierend, wenn Inhalts- und Rechtschreibfehler gleicherma\u00dfen angezeigt werden.<\/li>\n<li>Sie achten auf eindeutige und verst\u00e4ndliche Formulierung von Hinweisen und Schalterbeschriftungen.<\/li>\n<li>Konkrete Hinweise zu den Einstellungen bei den einzelnen H5P-Inhaltselementen finden Sie in den <a href=\"https:\/\/barrierefreiheit.dh.nrw\/testverfahren\/testergebnisse\"><strong>H5P-Testberichten<\/strong><\/a>.<\/li>\n<\/ul>\n<\/li>\n<li>Wenn eine Alternative zum H5P-Element n\u00f6tig ist, gibt es zwei Vorgehensweisen:\n<ul>\n<li>Sie suchen f\u00fcr die ganze Lerngruppe eine Alternative. Das ist oft sinnvoll, damit nicht die eine Person mit Behinderung die Erfahrung macht, eine gesonderte L\u00f6sung zu bekommen.<\/li>\n<li>Wenn das H5P-Element f\u00fcr Ihr didaktisches Ziel besonders geeignet ist, kann es n\u00f6tig sein, eine andere Umsetzung f\u00fcr die Person mit Behinderung zu finden. An vielen Hochschulen unterst\u00fctzt Sie dabei ein Umsetzungsdienst, der h\u00e4ufig bei den Beratungsstellen f\u00fcr Studierende mit Behinderungen angesiedelt ist.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_separator wpb_content_element vc_separator_align_center vc_sep_width_100 vc_sep_pos_align_center vc_separator_no_text vc_sep_color_grey wpb_content_element  wpb_content_element\" ><span class=\"vc_sep_holder vc_sep_holder_l\"><span class=\"vc_sep_line\"><\/span><\/span><span class=\"vc_sep_holder vc_sep_holder_r\"><span class=\"vc_sep_line\"><\/span><\/span>\n<\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<h2>5. Weitere Informationen<\/h2>\n<p>Sie interessieren sich f\u00fcr die barrierefreie Erstellung von digitalen Lernmaterialien?<\/p>\n<p>Die Universit\u00e4t Rostock hat den Online-Kurs <a href=\"https:\/\/www.uni-rostock.de\/weiterbildung\/offene-uni-rostock\/onlinekurse\/barrierefreie-lehrmaterialien-und-dokumente-erstellen\/\">\u201c<strong>Offener Online-Kurs zur Erstellung barrierefreier Lehrmaterialien und Dokumente<\/strong>\u201d<\/a> ver\u00f6ffentlicht, der sich vertiefend mit dieser Thematik besch\u00e4ftigt und f\u00fcr alle Interessierten offen ist. Zielgruppe sind prim\u00e4r Lehrende, die Ihre Veranstaltungen und Materialien barrierefrei gestalten m\u00f6chten. Vom\u00a0 ILIAS Kompetenzzentrum f\u00fcr Hochschulen in NRW gibt es auch eine hilfreiche <a href=\"https:\/\/www.ilias.nrw\/goto_ilnrw_cat_955.html\"><strong>Toolbox \u00bbDigitale Barrierefreiheit<\/strong><\/a>\u00ab. Hier lohnt sich ein Blick auf die Grundlagen, Definitionen und auf detaillierte Informationen von Richtlinien sowie praxisbezogene Beispiele von Studierenden, die bestimmte Beeintr\u00e4chtigungen haben.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><br \/>\n<!-- \/wp:post-content --><\/p>\n<\/div>"},"excerpt":{"rendered":"Barrierefreiheit 1. Grundlagen der Barrierefreiheit Ziel der Lernmodule ist, dass alle Interessierten diese nutzen k\u00f6nnen. Aus diesem Grund werden Lernmodule als Open Educational Resources (OER) ver\u00f6ffentlicht. Damit jedoch wirklich alle diese Lernmodule nutzen k\u00f6nnen, sind einige Aspekte der Barrierefreiheit im &hellip;","protected":false},"author":32,"featured_media":0,"parent":82207,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"kooperation":[],"class_list":["post-82221","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hinweise zur Barrierefreiheit - ZfL Lernen<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zfl-lernen.de\/en\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hinweise zur Barrierefreiheit - ZfL Lernen\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zfl-lernen.de\/en\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/\" \/>\n<meta property=\"og:site_name\" content=\"ZfL Lernen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/zflkoeln\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T11:05:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Lehrer_innen\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/\",\"url\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/\",\"name\":\"Hinweise zur Barrierefreiheit - ZfL Lernen\",\"isPartOf\":{\"@id\":\"https:\/\/zfl-lernen.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY\",\"datePublished\":\"2025-01-29T13:03:08+00:00\",\"dateModified\":\"2025-06-16T11:05:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#primaryimage\",\"url\":\"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY\",\"contentUrl\":\"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/zfl-lernen.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lernmodule erstellen mit dem Tool H5P\",\"item\":\"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hinweise zur Barrierefreiheit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zfl-lernen.de\/#website\",\"url\":\"https:\/\/zfl-lernen.de\/\",\"name\":\"ZfL Lernen\",\"description\":\"ZfL Offene Bildungsangebote\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zfl-lernen.de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hinweise zur Barrierefreiheit - ZfL Lernen","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zfl-lernen.de\/en\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/","og_locale":"en_US","og_type":"article","og_title":"Hinweise zur Barrierefreiheit - ZfL Lernen","og_url":"https:\/\/zfl-lernen.de\/en\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/","og_site_name":"ZfL Lernen","article_publisher":"https:\/\/www.facebook.com\/zflkoeln","article_modified_time":"2025-06-16T11:05:05+00:00","og_image":[{"url":"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@Lehrer_innen","twitter_misc":{"Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/","url":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/","name":"Hinweise zur Barrierefreiheit - ZfL Lernen","isPartOf":{"@id":"https:\/\/zfl-lernen.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#primaryimage"},"image":{"@id":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#primaryimage"},"thumbnailUrl":"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY","datePublished":"2025-01-29T13:03:08+00:00","dateModified":"2025-06-16T11:05:05+00:00","breadcrumb":{"@id":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#primaryimage","url":"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY","contentUrl":"https:\/\/lh6.googleusercontent.com\/pu6VN7NKiIOXD8I-d6q8viW394cSwTnHffZVCoLoF2-D1YxTXf2Ic6v5PKtyjb7eZhevCsRE0SA6Ujq1lsw0TS5umobdYngalxfWbUt2QvwWbIMdWQGV6Vd7BIWsoPW-804mmqY"},{"@type":"BreadcrumbList","@id":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/hinweise-zur-barrierefreiheit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/zfl-lernen.de\/"},{"@type":"ListItem","position":2,"name":"Lernmodule erstellen mit dem Tool H5P","item":"https:\/\/zfl-lernen.de\/h5p-lernmodul-erstellung\/"},{"@type":"ListItem","position":3,"name":"Hinweise zur Barrierefreiheit"}]},{"@type":"WebSite","@id":"https:\/\/zfl-lernen.de\/#website","url":"https:\/\/zfl-lernen.de\/","name":"ZfL Lernen","description":"ZfL Offene Bildungsangebote","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zfl-lernen.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/82221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/comments?post=82221"}],"version-history":[{"count":7,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/82221\/revisions"}],"predecessor-version":[{"id":83939,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/82221\/revisions\/83939"}],"up":[{"embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/pages\/82207"}],"wp:attachment":[{"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/media?parent=82221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/categories?post=82221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/tags?post=82221"},{"taxonomy":"kooperation","embeddable":true,"href":"https:\/\/zfl-lernen.de\/en\/wp-json\/wp\/v2\/kooperation?post=82221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}