{"id":70,"date":"2022-07-29T16:13:16","date_gmt":"2022-07-29T14:13:16","guid":{"rendered":"https:\/\/digital.hfh.ch\/eaccessibility\/?post_type=chapter&#038;p=70"},"modified":"2025-04-01T14:12:04","modified_gmt":"2025-04-01T12:12:04","slug":"alternativtexte-und-textliche-beschreibungen-bei-bildern-und-grafiken","status":"publish","type":"chapter","link":"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/alternativtexte-und-textliche-beschreibungen-bei-bildern-und-grafiken\/","title":{"raw":"Alternativtexte und textliche Beschreibungen bei Bildern und Grafiken","rendered":"Alternativtexte und textliche Beschreibungen bei Bildern und Grafiken"},"content":{"raw":"<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Regel<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nIst ein Bild nicht dekorativ, dann braucht es einen Alternativtext. Reichen bei einem Bild die <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/kontraste-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Kontraste<\/a> nicht aus, braucht es ausserhalb des Bildes eine schriftliche Beschreibung. Bei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text.\r\n\r\n<\/div>\r\n<\/div>\r\n<h2>Hintergrund<\/h2>\r\nAlternativtexte von digitalen Bildern werden von Screenreadern vorgelesen und somit k\u00f6nnen Personen, die einen Screenreader nutzen, dieses auch verstehen und interpretieren. Ist ein Bild rein dekorativ, kann der Alternativtext weggelassen werden und wird vom Screenreader dann auch als dekorativ bezeichnet.\r\n\r\nF\u00fcr sehbehinderte Personen ist es wichtig, dass die <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/kontraste-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Kontraste<\/a> von Grafiken stark genug sind. Ist dies nicht der Fall, muss die Grafik unterhalb schriftlich beschrieben werden.\r\n<h2>Hilfsmittel<\/h2>\r\n<ul>\r\n \t<li>Anleitungen und Beispiele f\u00fcr Bildbeschreibungen inklusive Flow Charts und Diagrammen: <a href=\"https:\/\/zuugs.hfh.ch\/describingimages\/\" target=\"_blank\" rel=\"noopener\">Describing images<\/a>.<\/li>\r\n \t<li>Leitfaden zum Inhalt von Alternativtexten findest du hier: <a href=\"https:\/\/www.tu-chemnitz.de\/urz\/www\/bf\/alt.html\" target=\"_blank\" rel=\"noopener\">https:\/\/www.tu-chemnitz.de\/urz\/www\/bf\/alt.html<\/a><\/li>\r\n<\/ul>\r\n<h2>Anleitungen<\/h2>\r\n<h3>Code<\/h3>\r\nIn der Textansicht wird der Alternativtext innerhalb der Grafik mit \u00abalt=\"Alternativtext f\u00fcr Bild\"\u00bb gekennzeichnet.\r\n<h3>Drupal: hfh.ch<\/h3>\r\n<h4>Alternativtexte<\/h4>\r\nAlternativtexte werden vor allem von Personen genutzt, die einen Screenreader brauchen. Zuerst muss in der Bearbeitungs-Ansicht ein Bild hochgeladen werden. Daf\u00fcr klickst du auf das Media-Symbol (1).\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1.png\"><img class=\"alignnone size-full wp-image-172\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"921\" height=\"456\" \/><\/a>\r\n\r\nWenn das Bild bereits in der Mediathek der Webseite ist, kannst du es unter \u00abExisting media\u00bb (2) aussuchen. Unter \u00abUpload image(s)\u00bb (3) k\u00f6nnen neue Bilder hochgeladen werden.\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2.png\"><img class=\"alignnone size-full wp-image-174\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"920\" height=\"205\" \/><\/a>\r\n\r\nIst das Bild eingef\u00fcgt, kannst du einen Doppelklick aufs Bild machen, dann \u00f6ffnet sich das unten gezeigte Fenster. Unter \u00abAlternativtext\u00bb (4) kann dieser eingegeben werden. Mit \u00abEinbetten\u00bb (5) wird der Prozess beendet.\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3.png\"><img class=\"alignnone wp-image-173\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"918\" height=\"573\" \/><\/a>\r\n<h4>Beschreibung bei Grafiken und Bildern<\/h4>\r\nBei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text. Daf\u00fcr f\u00fcgt man einen weiteren Textblock hinzu und beginnt mit \u00ab<strong>Beschreibung der Grafik.<\/strong>\u00bb in fetter Schrift und mit einem Punkt am Ende. Danach kann die Grafik beschrieben werden. Ein Beispiel ist diese <a href=\"https:\/\/www.hfh.ch\/menschen-mit-behinderung-in-der-welt-von-morgen#infografik\" target=\"_blank\" rel=\"noopener\">Infografik auf der Website<\/a>.\r\n<h3>zuugs.hfh.ch \/ digital.hfh.ch<\/h3>\r\n<h4>Alternativtexte<\/h4>\r\nAlternativtexte werden vor allem von Personen genutzt, die einen Screenreader brauchen. Zuerst muss in der Bearbeitungs-Ansicht ein Bild hochgeladen werden. Daf\u00fcr klickst du auf \u00abDateien hinzuf\u00fcgen\u00bb (1).\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1.png\"><img class=\"alignnone size-full wp-image-178\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"925\" height=\"356\" \/><\/a>\r\n\r\nWenn das Bild bereits in der Mediathek des Buches ist, kannst du es unter \u00abMediathek\u00bb (2) aussuchen. Unter \u00abDateien hochladen\u00bb (3) k\u00f6nnen neue Bilder hochgeladen werden. Unter \u00abAlternativtext\u00bb (4) kann dieser eingegeben werden. Mit \u00abInsert into kapitel\u00bb wird das Bild eingef\u00fcgt.\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2.png\"><img class=\"alignnone size-full wp-image-177\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"927\" height=\"407\" \/><\/a>\r\n\r\nIst das Bild bereits eingef\u00fcgt, kannst du aufs Bild klicken und \u00abbearbeiten\u00bb (5) w\u00e4hlen.\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3.png\"><img class=\"alignnone size-full wp-image-176\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"880\" height=\"751\" \/><\/a>\r\n\r\nUnter \u00abAlternativtext\u00bb (6) kann dieser eingegeben werden. Zum Schluss \u00abAktualisieren\u00bb klicken.\r\n\r\n<a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4.png\"><img class=\"alignnone size-full wp-image-175\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"919\" height=\"492\" \/><\/a>\r\n<h4><a id=\"beschreibungbildzuugs\"><\/a>Beschreibung bei Grafiken und Bildern<\/h4>\r\nBei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text. Daf\u00fcr beginnt man mit \u00ab<strong>Beschreibung der Grafik.<\/strong>\u00bb in fetter Schrift und mit einem Punkt am Ende. Danach kann die Grafik beschrieben werden.\u00a0Beispiele:\r\n\r\n<strong>Beschreibung der Grafik.<\/strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\r\n\r\n<details><summary>Beschreibung der Grafik<\/summary>Als HTML-Element (details, summary). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\r\n\r\n<\/details>[h5p id=\"9\"]","rendered":"<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Regel<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Ist ein Bild nicht dekorativ, dann braucht es einen Alternativtext. Reichen bei einem Bild die <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/kontraste-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Kontraste<\/a> nicht aus, braucht es ausserhalb des Bildes eine schriftliche Beschreibung. Bei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text.<\/p>\n<\/div>\n<\/div>\n<h2>Hintergrund<\/h2>\n<p>Alternativtexte von digitalen Bildern werden von Screenreadern vorgelesen und somit k\u00f6nnen Personen, die einen Screenreader nutzen, dieses auch verstehen und interpretieren. Ist ein Bild rein dekorativ, kann der Alternativtext weggelassen werden und wird vom Screenreader dann auch als dekorativ bezeichnet.<\/p>\n<p>F\u00fcr sehbehinderte Personen ist es wichtig, dass die <a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/chapter\/kontraste-bei-bildern-und-grafiken\/\" target=\"_blank\" rel=\"noopener\">Kontraste<\/a> von Grafiken stark genug sind. Ist dies nicht der Fall, muss die Grafik unterhalb schriftlich beschrieben werden.<\/p>\n<h2>Hilfsmittel<\/h2>\n<ul>\n<li>Anleitungen und Beispiele f\u00fcr Bildbeschreibungen inklusive Flow Charts und Diagrammen: <a href=\"https:\/\/zuugs.hfh.ch\/describingimages\/\" target=\"_blank\" rel=\"noopener\">Describing images<\/a>.<\/li>\n<li>Leitfaden zum Inhalt von Alternativtexten findest du hier: <a href=\"https:\/\/www.tu-chemnitz.de\/urz\/www\/bf\/alt.html\" target=\"_blank\" rel=\"noopener\">https:\/\/www.tu-chemnitz.de\/urz\/www\/bf\/alt.html<\/a><\/li>\n<\/ul>\n<h2>Anleitungen<\/h2>\n<h3>Code<\/h3>\n<p>In der Textansicht wird der Alternativtext innerhalb der Grafik mit \u00abalt=&#8220;Alternativtext f\u00fcr Bild&#8220;\u00bb gekennzeichnet.<\/p>\n<h3>Drupal: hfh.ch<\/h3>\n<h4>Alternativtexte<\/h4>\n<p>Alternativtexte werden vor allem von Personen genutzt, die einen Screenreader brauchen. Zuerst muss in der Bearbeitungs-Ansicht ein Bild hochgeladen werden. Daf\u00fcr klickst du auf das Media-Symbol (1).<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-172\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"921\" height=\"456\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1.png 921w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1-300x149.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1-768x380.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1-65x32.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1-225x111.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal1-350x173.png 350w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" \/><\/a><\/p>\n<p>Wenn das Bild bereits in der Mediathek der Webseite ist, kannst du es unter \u00abExisting media\u00bb (2) aussuchen. Unter \u00abUpload image(s)\u00bb (3) k\u00f6nnen neue Bilder hochgeladen werden.<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-174\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"920\" height=\"205\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2.png 920w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2-300x67.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2-768x171.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2-65x14.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2-225x50.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal2-350x78.png 350w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/a><\/p>\n<p>Ist das Bild eingef\u00fcgt, kannst du einen Doppelklick aufs Bild machen, dann \u00f6ffnet sich das unten gezeigte Fenster. Unter \u00abAlternativtext\u00bb (4) kann dieser eingegeben werden. Mit \u00abEinbetten\u00bb (5) wird der Prozess beendet.<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-173\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"918\" height=\"573\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3.png 918w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3-300x187.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3-768x479.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3-65x41.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3-225x140.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_Drupal3-350x218.png 350w\" sizes=\"auto, (max-width: 918px) 100vw, 918px\" \/><\/a><\/p>\n<h4>Beschreibung bei Grafiken und Bildern<\/h4>\n<p>Bei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text. Daf\u00fcr f\u00fcgt man einen weiteren Textblock hinzu und beginnt mit \u00ab<strong>Beschreibung der Grafik.<\/strong>\u00bb in fetter Schrift und mit einem Punkt am Ende. Danach kann die Grafik beschrieben werden. Ein Beispiel ist diese <a href=\"https:\/\/www.hfh.ch\/menschen-mit-behinderung-in-der-welt-von-morgen#infografik\" target=\"_blank\" rel=\"noopener\">Infografik auf der Website<\/a>.<\/p>\n<h3>zuugs.hfh.ch \/ digital.hfh.ch<\/h3>\n<h4>Alternativtexte<\/h4>\n<p>Alternativtexte werden vor allem von Personen genutzt, die einen Screenreader brauchen. Zuerst muss in der Bearbeitungs-Ansicht ein Bild hochgeladen werden. Daf\u00fcr klickst du auf \u00abDateien hinzuf\u00fcgen\u00bb (1).<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-178\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"925\" height=\"356\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1.png 925w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1-300x115.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1-768x296.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1-65x25.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1-225x87.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB1-350x135.png 350w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/a><\/p>\n<p>Wenn das Bild bereits in der Mediathek des Buches ist, kannst du es unter \u00abMediathek\u00bb (2) aussuchen. Unter \u00abDateien hochladen\u00bb (3) k\u00f6nnen neue Bilder hochgeladen werden. Unter \u00abAlternativtext\u00bb (4) kann dieser eingegeben werden. Mit \u00abInsert into kapitel\u00bb wird das Bild eingef\u00fcgt.<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-177\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"927\" height=\"407\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2.png 927w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2-300x132.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2-768x337.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2-65x29.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2-225x99.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB2-350x154.png 350w\" sizes=\"auto, (max-width: 927px) 100vw, 927px\" \/><\/a><\/p>\n<p>Ist das Bild bereits eingef\u00fcgt, kannst du aufs Bild klicken und \u00abbearbeiten\u00bb (5) w\u00e4hlen.<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-176\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"880\" height=\"751\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3.png 880w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3-300x256.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3-768x655.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3-65x55.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3-225x192.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB3-350x299.png 350w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/a><\/p>\n<p>Unter \u00abAlternativtext\u00bb (6) kann dieser eingegeben werden. Zum Schluss \u00abAktualisieren\u00bb klicken.<\/p>\n<p><a href=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-175\" src=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4.png\" alt=\"Visualisierung des Textes oberhalb des Bildes.\" width=\"919\" height=\"492\" srcset=\"https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4.png 919w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4-300x161.png 300w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4-768x411.png 768w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4-65x35.png 65w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4-225x120.png 225w, https:\/\/digital.hfh.ch\/eaccessibility\/wp-content\/uploads\/sites\/53\/2022\/07\/Alt_PB4-350x187.png 350w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/a><\/p>\n<h4><a id=\"beschreibungbildzuugs\"><\/a>Beschreibung bei Grafiken und Bildern<\/h4>\n<p>Bei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text. Daf\u00fcr beginnt man mit \u00ab<strong>Beschreibung der Grafik.<\/strong>\u00bb in fetter Schrift und mit einem Punkt am Ende. Danach kann die Grafik beschrieben werden.\u00a0Beispiele:<\/p>\n<p><strong>Beschreibung der Grafik.<\/strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<details>\n<summary>Beschreibung der Grafik<\/summary>\n<p>Als HTML-Element (details, summary). Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/details>\n<div id=\"h5p-9\">\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-9\" class=\"h5p-iframe\" data-content-id=\"9\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Beschreibung der Grafik\"><\/iframe><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Regel Ist ein Bild nicht dekorativ, dann braucht es einen Alternativtext. Reichen bei einem Bild die Kontraste nicht aus, braucht es ausserhalb des Bildes eine schriftliche Beschreibung. Bei umfassendem Inhalt (z. B. Diagrammen) sind zus\u00e4tzlich zu Alternativtexten l\u00e4ngere Bildbeschreibungen anzubieten, ausser alle Informationen befinden sich im umliegenden Text. Hintergrund Alternativtexte von digitalen Bildern werden von [&hellip;]<\/p>\n","protected":false},"author":1454,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"categories":[],"chapter-type":[],"contributor":[],"license":[],"class_list":["post-70","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/users\/1454"}],"version-history":[{"count":23,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/70\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/70\/revisions\/519"}],"part":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapters\/70\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/categories?post=70"},{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=70"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/contributor?post=70"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/digital.hfh.ch\/eaccessibility\/wp-json\/wp\/v2\/license?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}