https://wiki.kulturperlen.hamburg/index.php?action=history&feed=atom&title=Alternativtexte 2026-09-30T17:09:58Z Versionsgeschichte dieser Seite in Wiki Barrierefreiheit MediaWiki 1.43.1 https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=3957&oldid=prev 2026-09-02T10:56:29Z

<p>Überprüfung</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 2. September 2026, 12:56 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l18">Zeile 18:</td> <td colspan="2" class="diff-lineno">Zeile 18:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF's und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Hilfen zur Erstellung von Alternativtexten ====</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==== Hilfen zur Erstellung von Alternativtexten ====</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Zeile 23:</td> <td colspan="2" class="diff-lineno">Zeile 25:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Hier beschreibt die Uni Konstanz (unter anderem), wie im Typo3 Alternativtexte eingefügt werden. https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Hier beschreibt die Uni Konstanz (unter anderem), wie im Typo3 Alternativtexte eingefügt werden. https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF's und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auch die Universität Hamburg hat in Zusammenarbeit mit dem iBoB (inklusive berufliche Bildung ohne Barrieren. - Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)) eine Broschüre mit sehr ausführlichen Informationen zur Erstellung von Alternativtexten herausgegeben. &quot;[https://www.uni-hamburg.de/studieren-mit-beeintraechtigungen/barrierefreiheit/digitale-barrierefreiheit/barrierefreie-dokumente-erstellen/alternativtexte/praxisleitfaden-zur-erstellung-textbasierter-alternativen-fuer-grafiken.pdf Leitfaden Gut fürs Image]!&quot;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auch die Universität Hamburg hat in Zusammenarbeit mit dem iBoB (inklusive berufliche Bildung ohne Barrieren. - Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)) eine Broschüre mit sehr ausführlichen Informationen zur Erstellung von Alternativtexten herausgegeben. &quot;[https://www.uni-hamburg.de/studieren-mit-beeintraechtigungen/barrierefreiheit/digitale-barrierefreiheit/barrierefreie-dokumente-erstellen/alternativtexte/praxisleitfaden-zur-erstellung-textbasierter-alternativen-fuer-grafiken.pdf Leitfaden Gut fürs Image]!&quot;</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1543&oldid=prev 2026-08-04T11:21:23Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2026, 13:21 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{Internet</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">| group1 = Veröffentlichung der Informationen zur Barrierefreiheit einer Website</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternativtext oder Alt-Text ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternativtext oder Alt-Text ===</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;navbox&quot;&gt;{{Internet</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;navbox&quot;&gt;{{Internet</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1542&oldid=prev 2026-08-04T11:16:11Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2026, 13:16 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{Internet</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| group1 = Veröffentlichung der Informationen zur Barrierefreiheit einer Website</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternativtext oder Alt-Text ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternativtext oder Alt-Text ===</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;navbox&quot;&gt;{{Internet</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;div class=&quot;navbox&quot;&gt;{{Internet</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1538&oldid=prev 2026-08-04T10:37:58Z

<p>Kategorie hinzugefügt</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2026, 12:37 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l38">Zeile 38:</td> <td colspan="2" class="diff-lineno">Zeile 38:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://docs.joinmastodon.org/user/posting/#edit Anleitung für Bildbeschreibungen auf Mastodon] (englisch, gilt für alle hochgeladenen Medien)</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://docs.joinmastodon.org/user/posting/#edit Anleitung für Bildbeschreibungen auf Mastodon] (englisch, gilt für alle hochgeladenen Medien)</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://www.linkedin.com/help/linkedin/answer/a519856/hinzufugen-von-alternativem-text-zu-bildern-fur-barrierefreiheit?lang=de Anleitung für Bildbeschreibungen auf LinkedIn]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [https://www.linkedin.com/help/linkedin/answer/a519856/hinzufugen-von-alternativem-text-zu-bildern-fur-barrierefreiheit?lang=de Anleitung für Bildbeschreibungen auf LinkedIn]</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorie:Barrierefreiheit im Internet]]</ins></div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1537&oldid=prev 2026-08-04T10:36:30Z

<p>inhaltliche Ergänzung</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2026, 12:36 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22">Zeile 22:</td> <td colspan="2" class="diff-lineno">Zeile 22:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Hier beschreibt die Uni Konstanz (unter anderem), wie im Typo3 Alternativtexte eingefügt werden. </ins>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF&#039;s und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF&#039;s und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l29">Zeile 29:</td> <td colspan="2" class="diff-lineno">Zeile 29:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM&#039;s) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM&#039;s) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==== Alternativtexte in Soziale Medien ====</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Der DBSV beschreibt den technischen Weg, Alt-Texte auf verschiedenen Plattformen einzufügen. https://www.dbsv.org/bildbeschreibung-4-regeln.html</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://help.twitter.com/de/using-x/picture-descriptions Anleitung für Bildbeschreibungen auf X]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://www.facebook.com/help/214124458607871?helpref=faq_content Anleitung für Bildbeschreibungen auf Facebook]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://help.instagram.com/503708446705527 Anleitung für Bildbeschreibungen auf Instagram]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://docs.joinmastodon.org/user/posting/#edit Anleitung für Bildbeschreibungen auf Mastodon] (englisch, gilt für alle hochgeladenen Medien)</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [https://www.linkedin.com/help/linkedin/answer/a519856/hinzufugen-von-alternativem-text-zu-bildern-fur-barrierefreiheit?lang=de Anleitung für Bildbeschreibungen auf LinkedIn]</ins></div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1536&oldid=prev 2026-08-04T10:11:45Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2026, 12:11 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l19">Zeile 19:</td> <td colspan="2" class="diff-lineno">Zeile 19:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Hilfen zur Erstellung von Alternativtexten</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==== </ins>Hilfen zur Erstellung von Alternativtexten <ins style="font-weight: bold; text-decoration: none;">====</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1535&oldid=prev 2026-08-04T10:11:00Z

<p>inhaltliche Ergänzung</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. August 2026, 12:11 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17">Zeile 17:</td> <td colspan="2" class="diff-lineno">Zeile 17:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext / Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext / Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“<del style="font-weight: bold; text-decoration: none;">, </del>mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“ mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Hilfen zur Erstellung von Alternativtexten</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Grundsätzliche Informationen zu Alternativtexten und ein Schema mit dessen Hilfe ganz leicht eigene Alternativtexte erstellen werden können bietet das KSL.NRW (Das Kompetenzzentrum Selbstbestimmt Leben. Für Menschen mit Sinnesbehinderung) https://ksl-msi-nrw.de/sites/default/files/public/ksl/msi/downloads/PDF_KSL-MSi_Alternativtexte.pdf</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1517&oldid=prev 2026-07-31T10:12:55Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 31. Juli 2026, 12:12 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21">Zeile 21:</td> <td colspan="2" class="diff-lineno">Zeile 21:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Auch die Universität Hamburg hat in Zusammenarbeit mit dem iBoB (inklusive berufliche Bildung ohne Barrieren. Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)) eine Broschüre mit sehr ausführlichen Informationen zur Erstellung von Alternativtexten herausgegeben. "[https://www.uni-hamburg.de/studieren-mit-beeintraechtigungen/barrierefreiheit/digitale-barrierefreiheit/barrierefreie-dokumente-erstellen/alternativtexte/praxisleitfaden-zur-erstellung-textbasierter-alternativen-fuer-grafiken.pdf Leitfaden Gut fürs Image]!"</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlicht Leitlinien zur Barrierefreiheit von Office-Dokumenten oder PDF's und anderen Themen der Bildung. https://dvbs-online.de/veroeffentlichungen/leitfaeden</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Auch die Universität Hamburg hat in Zusammenarbeit mit dem iBoB (inklusive berufliche Bildung ohne Barrieren. <ins style="font-weight: bold; text-decoration: none;">- </ins>Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)) eine Broschüre mit sehr ausführlichen Informationen zur Erstellung von Alternativtexten herausgegeben. "[https://www.uni-hamburg.de/studieren-mit-beeintraechtigungen/barrierefreiheit/digitale-barrierefreiheit/barrierefreie-dokumente-erstellen/alternativtexte/praxisleitfaden-zur-erstellung-textbasierter-alternativen-fuer-grafiken.pdf Leitfaden Gut fürs Image]!"</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM&#039;s) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM&#039;s) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1515&oldid=prev 2026-07-31T09:49:11Z

<p>inhaltliche Ergänzung</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 31. Juli 2026, 11:49 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15">Zeile 15:</td> <td colspan="2" class="diff-lineno">Zeile 15:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| group5 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer kulturellen Einrichtung]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>| group5 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer kulturellen Einrichtung]]</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}&lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}}&lt;/div&gt;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext <del style="font-weight: bold; text-decoration: none;">| </del>Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.  </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext <ins style="font-weight: bold; text-decoration: none;">/ </ins>Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“, mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ein Alt-Text ist allerdings für Menschen gedacht, nicht für Suchmaschinen. Wenn du den Alt-Text, hart gesagt voll „müllst“, mit unzusammenhängenden Schlagwörtern, ist das nicht barrierefrei, geschweige denn Nutzer*innen-freundlich (Keyword-Stuffing). Der Alt-Text ist für andere Nutzer*innen in der Regel unsichtbar. https://gehirngerecht.digital/alt-text/</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://www.uni-konstanz.de/universitaet/aktuelles-und-medien/online-und-print-medien-gestalten/texten-fuer-webseiten/barrierefreiheit-im-web/alternativtexte-fuer-bilder-und-grafiken-schreiben/</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Auch die Universität Hamburg hat in Zusammenarbeit mit dem iBoB (inklusive berufliche Bildung ohne Barrieren. Ein Projekt des Deutschen Vereins der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS)) eine Broschüre mit sehr ausführlichen Informationen zur Erstellung von Alternativtexten herausgegeben. "[https://www.uni-hamburg.de/studieren-mit-beeintraechtigungen/barrierefreiheit/digitale-barrierefreiheit/barrierefreie-dokumente-erstellen/alternativtexte/praxisleitfaden-zur-erstellung-textbasierter-alternativen-fuer-grafiken.pdf Leitfaden Gut fürs Image]!"</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM&#039;s) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Inzwischen gibt es Werkzeuge, die mithilfe Künstlicher Inelligenz (LLM&#039;s) Alternativtexte für Bilder erzeugen. Das erleichtert die Erzeugung von Texten, muss jedoch unbedingt überprüft und verbessert werden. Ein gutes Beispiel: https://barrierefreies.design/werkzeuge/ki-generator-alternativer-text-von-bildern</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Alternativtexte&diff=1512&oldid=prev 2026-07-31T09:38:15Z

<p>Inhaltsverzeichnis aktualisiert</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 31. Juli 2026, 11:38 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternativtext oder Alt-Text ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Alternativtext oder Alt-Text ===</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;div class="navbox"&gt;{{Internet</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| name = Inhalt</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| title = Internet</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| list1 = [[Prüfung einer Website auf Barrierefreiheit#Tools|Tools]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| list2 = [[Prüfung einer Website auf Barrierefreiheit#Schnelltests|Schnelltests]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| list3 = [[Prüfung einer Website auf Barrierefreiheit#Seriöse, vollständige und kompetente Beratung und Prüfung|Prüfung]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| group3 = [[Alternativtexte]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| group4 = [[Anforderungen für Screenreader]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| list4.1 = [[Anforderungen für Screenreader#Screenreader|Screenreader]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| list4.2 = [[Anforderungen für Screenreader#Alternativtext oder Alt-Text|Alt-text]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| list4.3 = [[Anforderungen für Screenreader#Gendern|Gendern]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">| group5 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer kulturellen Einrichtung]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}}&lt;/div&gt;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext | Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Damit Screenreader auch digitale Bilder, Fotos und Grafiken erkennen und vorlesen, sollen alle Abbildungen mit einem Alternativtext | Alt-Text beschrieben werden. Es gibt unterschiedliche Auffassungen und Vorlieben, wie ausführlich diese Texte sein sollen. Sollen Farben erwähnt und Details skizziert werden? Welche Aussage des Bildes ist im Kontext wichtig? Alt-Texte tragen zur digitalen Barrierefreiheit bei und sie verbessern gleichzeitig die Suchmaschinenoptimierung (SEO), indem sie Bilder für Suchmaschinen indexierbar machen.  </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> </table>

Wiki-ka