{"id":26680,"date":"2022-09-08T17:00:15","date_gmt":"2022-09-09T00:00:15","guid":{"rendered":"https:\/\/teach.udemy.com\/?page_id=26680"},"modified":"2022-09-26T03:23:42","modified_gmt":"2022-09-26T10:23:42","slug":"accessibility-considerations-for-course-materials","status":"publish","type":"page","link":"https:\/\/teach.udemy.com\/de\/accessibility-considerations-for-course-materials\/","title":{"rendered":"Hinweise zur Erstellung von barrierefreien Kursmaterialien"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Bei Udemy geh\u00f6ren Video-Content und Kursmaterialien eng zusammen: Sie festigen den Lernstoff und vermitteln neue Skills. F\u00fcr einen barrierefreien Kurs m\u00fcssen auch alle Kursmaterialien barrierefrei sein.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dieser Artikel mit Hinweisen zur Erstellung von barrierefreien Kursmaterialien besteht aus vier Teilen:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Content-organization\"><span style=\"font-weight: 400;\">Strukturierung des Inhalts<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Meaningful-document-semantics\"><span style=\"font-weight: 400;\">Aussagekr\u00e4ftige Semantik der Dokumente<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Alternative-text\"><span style=\"font-weight: 400;\">Alternativer Text f\u00fcr Bilder\/Medien<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#Color-contrast\"><span style=\"font-weight: 400;\">Farbkontrast<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Content-organization\">Strukturierung des Inhalts<\/h1>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Strukturiere deinen Text \u00fcbersichtlich und untergliedere den Inhalt in kurze Abs\u00e4tze mit aussagekr\u00e4ftigen \u00dcberschriften. So l\u00e4sst sich der Inhalt leichter \u201e\u00fcberfliegen\u201c und ist f\u00fcr alle Nutzer besser lesbar.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Setze ein Inhaltsverzeichnis oder eine Kurzzusammenfassung des Inhalts (wenige S\u00e4tze bzw. eine Aufz\u00e4hlungsliste) an den Beginn jedes Dokuments.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Stelle den Nutzern eine Liste wichtiger Begriffe mit Definitionen (Glossar) zum Download bereit, in der sie w\u00e4hrend des Kurses nachschlagen k\u00f6nnen. Du solltest auch f\u00fcr alle im Kurs verwendeten Folien einen Link oder Begleitmaterial zum Herunterladen bereitstellen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Achte auf korrekte Rechtschreibung und Grammatik sowie gute Lesbarkeit. Die Lesbarkeit bezieht sich darauf, wie einfach eine Textpassage f\u00fcr jemanden zu lesen ist. Dazu geh\u00f6ren Faktoren wie Satzl\u00e4nge, durchschnittliche Silbenanzahl pro Wort, Komplexit\u00e4t des Themas und Wortverst\u00e4ndnis. Bitte einen Freund oder Kollegen, sich deinen Kursinhalt durchzulesen und die \u00dcbungen durchzuf\u00fchren, um sicherzustellen, dass dein Kurs barrierefrei ist.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1 id=\"Meaningful-document-semantics\"><strong>Dokumente barrierefrei gestalten<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Screenreader, wie z. B. JAWS, NVDA oder Voiceover, lesen nicht nur den Text auf einer Seite vor, sondern geben auch an, wie der Text strukturiert ist (z. B. \u00dcberschriften, Zwischen\u00fcberschriften und Aufz\u00e4hlungspunkte). W\u00e4hrend sehende Leser beispielsweise \u00dcberschriften anhand von Fett- und Gro\u00dfschreibung erkennen, wird dies Menschen mit eingeschr\u00e4nktem Sehverm\u00f6gen anhand der \u201esemantischen Auszeichnung\u201c mitgeteilt. Diese Meta-Informationen tragen wesentlich dazu bei, Dokumente barrierefrei zu machen. Gl\u00fccklicherweise ist diese Funktion bei vielen Textverarbeitungsprogrammen und -Apps, wie z.\u00a0B. Microsoft Word und Google Docs, bereits integriert.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Au\u00dferdem solltest du unbedingt wissen, was die Textwiedergabe f\u00fcr Screenreader erschwert. Wenn Zellen in einer Tabelle zusammengef\u00fchrt werden, kann dies die Navigation und das Verst\u00e4ndnis bei Verwendung eines Screenreaders erschweren. Au\u00dferdem kann es passieren, dass der Screenreader verwirrende Informationen wiedergibt, wenn keine semantische Formatierung vorgenommen wurde. Zum Beispiel werden Aufz\u00e4hlungspunkte, die mit einem Sternchen und der Tabulatortaste erstellt werden, vom Screenreader nicht als \u201eAufz\u00e4hlungspunkt\u201c, sondern als \u201eSternchen\u201c und \u201eTabulator\u201c vorgelesen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In diesem Artikel stellen wir nur einige Optionen f\u00fcr die semantische Auszeichnung digitaler Dokumente vor, du findest aber Verweise auf umfangreiche Infomaterialien zu diesem Thema.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Struktur der \u00dcberschriften<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">\u00dcberschriften sind eine gute Methode, um den Inhalt barriere\u00e4rmer zu machen. Der Einsatz von echter Semantik und visuell gekennzeichneten \u00dcberschriften macht den Inhalt f\u00fcr alle Nutzer \u2013 mit und ohne Sehbehinderung \u2013 leichter lesbar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Wenn du den Inhalt mithilfe von echten \u00dcberschriften strukturierst (in Textverarbeitungs- oder Pr\u00e4sentationsprogrammen auch als \u201eH1\u201c, \u201eHeading\u00a01\u201c oder \u201e\u00dcberschrift\u00a01\u201c bezeichnet), wird er von Screenreadern zuverl\u00e4ssig korrekt wiedergegeben. Der Titel des Dokuments sollte beispielsweise eine \u00dcberschrift ersten Grades sein, ein Abschnittstitel eine \u00dcberschrift zweiten Grades (z.\u00a0B. H2) und Unterabschnittstitel k\u00f6nnen \u00dcberschriften dritten oder vierten Grades sein. Hier ein Beispiel:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Seitentitel (\u00dcberschrift 1)<\/span><\/h1>\n<h2 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Abschnittstitel (\u00dcberschrift 2)<\/span><\/h2>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Einfacher Text.<\/span><\/p>\n<h3 style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Unterabschnittstitel (\u00dcberschrift 3)<\/span><\/h3>\n<p style=\"padding-left: 40px;\"><span style=\"font-weight: 400;\">Einfacher Text.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Hinweis: Du solltest keine \u00dcberschriftenebenen \u00fcberspringen, also z.\u00a0B. nicht von der ersten direkt zur dritten Ebene springen.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Echte Aufz\u00e4hlungslisten<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Gliedere deinen Text nicht manuell mit Tabulatoren, Sternchen und Ziffern, sondern verwende immer die Funktionen f\u00fcr Aufz\u00e4hlungspunkte (unsortierte Liste) und nummerierte Listen (sortierte Liste) des Textverarbeitungs- oder Pr\u00e4sentationsprogramms. Screenreader erkennen diese Listenarten und geben den Inhalt korrekt wieder.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Einfache Tabellenstrukturen<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Sei vorsichtig bei \u00fcbergreifenden (oder zusammengef\u00fchrten) Zeilen oder Spalten und vermeide mehrere Ebenen von Tabellen\u00fcberschriften. Dies kann bei Screenreadern zu verwirrenden Angaben f\u00fchren. Verzichte au\u00dferdem im visuellen Layout nach M\u00f6glichkeit auf Tabellen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Achte darauf, Links mit einem aussagekr\u00e4ftigen Namen zu versehen.<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Vermeide kontextlose Aussagen wie:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eKlicke hier\u201c\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eHier\u201c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eMehr\u201c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eWeitere Infos\u201c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eWeiterlesen\u201c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eWeiter\u201c\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Verwende stattdessen Angaben wie die folgenden, die mehr Kontext bieten:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eDu kannst den Kursplan unter diesem Link herunterladen.\u201c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eDas Zitat zu ____\u201c<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u201eUnter diesem Link sind weitere ____ verf\u00fcgbar.\u201c<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Verwende f\u00fcr Links nicht die reine URL (z.\u00a0B. www.abcde.com), es sei denn, das Dokument soll ausgedruckt werden oder die URL ist relevanter Bestandteil des Inhalts.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Alternative-text\"><strong>Alternativer Text f\u00fcr Bilder\/Medien<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Ein Bild sagt mehr als tausend Worte, aber Nutzer mit Sehbehinderung sind auf den alternativen Text f\u00fcr deine Bilder angewiesen. Gib f\u00fcr die Bilder in deinen Dokumenten, Folienpr\u00e4sentationen usw. immer einen eindeutigen, kontextbezogenen alternativen Text ein. Dieser Text wird \u00fcber einen Screenreader oder andere Unterst\u00fctzungstechnologien (assistive Technologien) laut vorgelesen.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Es gibt viele Tools, in denen du alternativen Text f\u00fcr Bilder angeben kannst. Diese Felder tragen beispielsweise die Bezeichnung \u201eAlt-Text\u201c, \u201ealternativ\u201c oder auch \u201eBildbeschreibung\u201c. Nutze dieses Feld (sofern vorhanden), um alternativen Text f\u00fcr Bilder anzugeben.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Der alternative Text sollte das Bild nicht nur beschreiben, sondern gegebenenfalls auch seine Bedeutung vermitteln. Beispielsweise solltest du als alternativen Text lieber \u201eein Bild von einem Zahnrad, das Symbol f\u00fcr die Einstellungen\u201c statt \u201eZahnradsymbol\u201c angeben. Wenn du das Bild entfernen m\u00fcsstest, welchen Text w\u00fcrdest du stattdessen schreiben? Oder anders gefragt: Wenn du das Bild jemandem per Telefon beschreiben m\u00fcsstest, \u00fcberlege, was du sagen w\u00fcrdest, und formuliere daraus deine Bildbeschreibung.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Wenn ein Bild rein dekorativ ist, keinen relevanten Inhalt bzw. keine Funktion bietet oder der alternative Text im umgebenden Flie\u00dftext enthalten ist, dann solltest du den alternativen Text f\u00fcr dieses Bild weglassen. In einigen Textverarbeitungs- oder Folienpr\u00e4sentationsanwendungen gibt es daf\u00fcr die Option \u201eleer\u201c.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Angaben wie \u201eBild von\u201c oder \u201eLink zu\u201c sind unn\u00f6tig. Die Unterst\u00fctzungstechnologie erkennt dies automatisch und weist die Nutzer darauf hin, dass es um ein Bild geht.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fasse dich so kurz wie m\u00f6glich, ohne dass dabei Klarheit oder Kontext verloren geht.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bei PDF-Dokumenten kannst du mit Adobe Acrobat Pro \u00fcberpr\u00fcfen, ob dein Dokument den Standards f\u00fcr Barrierefreiheit entspricht. Den Link findest du im Abschnitt zum <\/span><span style=\"font-weight: 400;\">Infomaterial<\/span><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><i><span style=\"font-weight: 400;\">Beispiel f\u00fcr ein Bild mit alternativem Text<\/span><\/i><\/h2>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26614\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg\" alt=\"Auf einem Sofa sitzen eine erwachsene Frau, die am Laptop arbeitet, und ein Kind mit Kopfh\u00f6rern, das auf ein Tablet schaut.\" width=\"375\" height=\"250\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example-300x200.jpeg 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Accessibility-alternative-text-example.jpeg 512w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Im Text wird standardm\u00e4\u00dfig der Name der Bilddatei angegebenen, was m\u00f6glicherweise nicht hilfreich ist.<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Standardm\u00e4\u00dfiger alternativer <\/b><b><i>Text (Dateiname)<\/i><\/b><b>:<\/b><span style=\"font-weight: 400;\"> adult-kid-tech_revised_220811.jpg<\/span><\/p>\n<p style=\"padding-left: 40px;\"><b>Ge\u00e4nderter alternativer Text:<\/b><span style=\"font-weight: 400;\"> Auf einem Sofa sitzen eine erwachsene Frau, die am Laptop arbeitet, und ein Kind mit Kopfh\u00f6rern, das auf ein Tablet schaut.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h1 id=\"Color-contrast\"><strong>Achte auf starken Farbkontrast<\/strong><\/h1>\n<p><span style=\"font-weight: 400;\">Der Farbkontrast gibt die Helligkeitsdifferenz zwischen zwei Farben an, die als Verh\u00e4ltnis von 1:1 (schlecht) bis 21:1 (hervorragend) ausgedr\u00fcckt wird. Achte auf einen starken Farbkontrast, besonders zwischen Text und Hintergrund. Auch bei Bildern, die Text enthalten, sollte ein starker Farbkontrast bestehen. Zur Veranschaulichung des Unterschieds zwischen Kombinationen mit starkem und schwachem Farbkontrast findest du im Folgenden ein paar Beispiele f\u00fcr farbigen Text vor wei\u00dfem Hintergrund.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><em>Schwacher Kontrast<\/em><\/h2>\n<p><span style=\"font-weight: 400;\">Das Farbkontrastverh\u00e4ltnis f\u00fcr barrierefreie Inhalte muss mindestens 4,5:1 betragen. Hier ein paar Beispiele f\u00fcr Farbkombinationen, die diese Vorgaben nicht erf\u00fcllen und daher ungeeignet sind:<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.35.27-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27411\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.35.27-1-300x63.png\" alt=\"\" width=\"414\" height=\"87\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.35.27-1-300x63.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.35.27-1-768x162.png 768w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-21-at-13.35.27-1.png 976w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Gelb \u2013 Wert: 1,07:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Hellgr\u00fcn \u2013 Wert: 1,12:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Orange \u2013 Wert: 2,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Pink \u2013 Wert: 3,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Rot \u2013 Wert: 4,0:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Guter Kontrast<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Die folgenden Farbkombinationen sind gut geeignet, da sie einen ausreichenden Kontrast bieten (Verh\u00e4ltnis von 4,5:1 bis 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.10-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27424\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.10-1-300x100.png\" alt=\"\" width=\"363\" height=\"121\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.10-1-300x100.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.10-1.png 574w\" sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Blau \u2013 Wert: 4,68:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Dunkelgr\u00fcn \u2013 Wert: 5,14:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Violett \u2013 Wert: 6,95:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><i>Hervorragender Kontrast<\/i><\/h2>\n<p><span style=\"font-weight: 400;\">Am besten eignen sich die folgenden Farben, da sie den st\u00e4rksten Kontrast bieten (Verh\u00e4ltnis \u00fcber 7:1):<\/span><\/p>\n<p><a href=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.17-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27437\" src=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.17-2-300x103.png\" alt=\"\" width=\"370\" height=\"127\" srcset=\"https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.17-2-300x103.png 300w, https:\/\/teach.udemy.com\/wp-content\/uploads\/2022\/09\/Screenshot-2022-09-23-at-14.40.17-2.png 580w\" sizes=\"auto, (max-width: 370px) 100vw, 370px\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Rotbraun \u2013 Wert: 7,43:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Dunkelgrau \u2013 Wert: 12,63:1<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Text in Schwarz \u2013 Wert: 21:1<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1><strong>\u00dcbersicht \u00fcber die Erstellung von barrierefreiem Kursinhalt<\/strong><\/h1>\n<h2><strong>Inhalt<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Achte auf eine \u00fcbersichtliche Struktur des Texts und untergliedere den Inhalt in kurze Abs\u00e4tze.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Setze ein Inhaltsverzeichnis oder eine Kurzzusammenfassung an den Anfang langer Dokumente.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">F\u00fcge als Begleitmaterial ein Glossar mit Begriffserkl\u00e4rungen hinzu.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Achte auf korrekte Rechtschreibung und Grammatik sowie gute Lesbarkeit.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Semantik der Dokumente<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Verwende die semantische Auszeichnung, damit Unterst\u00fctzungstechnologien den Inhalt korrekt wiedergeben.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Strukturiere den Inhalt mithilfe von echten \u00dcberschriften.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Verwende echte Aufz\u00e4hlungslisten (nummeriert oder mit Aufz\u00e4hlungszeichen).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Verwende eine m\u00f6glichst einfache Tabellenstruktur.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Achte darauf, Links mit einem aussagekr\u00e4ftigen Namen zu versehen.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Alternativer Text<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gib f\u00fcr die Bilder in deinen Dokumenten, Folienpr\u00e4sentationen usw. einen passenden alternativen Text ein.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><strong>Farbkontrast<\/strong><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Achte bei Text und Bildern auf einen starken Farbkontrast.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"p1\"><b>Links zu anderen Artikeln \u00fcber Barrierefreiheit und Inklusion<\/b><\/p>\n<ul class=\"ul1\">\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/de\/course-creation\/accessible-content\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">\u00dcbersicht \u00fcber die Erstellung von barrierefreiem und inklusivem Lern-Content<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/de\/accessible-video-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Hinweise zur Erstellung von barrierefreiem Video-Content<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/de\/inclusive-content-considerations\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Hinweise zur Erstellung von inklusivem Lern-Content<\/span><\/a><\/span><\/li>\n<li class=\"li2\"><span class=\"s1\"><a href=\"https:\/\/teach.udemy.com\/de\/resources-on-accessibility-inclusivity\/\" target=\"_blank\" rel=\"noopener\"><span class=\"s2\">Infomaterialien zu Barrierefreiheit und Inklusion<\/span><\/a><\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Bei Udemy geh\u00f6ren Video-Content und Kursmaterialien eng zusammen: Sie festigen den Lernstoff und vermitteln neue Skills. F\u00fcr einen barrierefreien Kurs m\u00fcssen auch alle Kursmaterialien barrierefrei sein. Dieser Artikel mit Hinweisen zur Erstellung von barrierefreien Kursmaterialien besteht aus vier Teilen:\u00a0 Strukturierung des Inhalts Aussagekr\u00e4ftige Semantik der Dokumente Alternativer Text f\u00fcr Bilder\/Medien Farbkontrast \u00a0 Strukturierung des Inhalts [&hellip;]<\/p>\n","protected":false},"author":120,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26680","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/pages\/26680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/comments?post=26680"}],"version-history":[{"count":0,"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/pages\/26680\/revisions"}],"wp:attachment":[{"href":"https:\/\/teach.udemy.com\/de\/wp-json\/wp\/v2\/media?parent=26680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}