https://wiki.kulturperlen.hamburg/index.php?action=history&feed=atom&title=Anforderungen_f%C3%BCr_Screenreader 2026-06-23T12:52:02Z Versionsgeschichte dieser Seite in Wiki Barrierefreiheit MediaWiki 1.43.1 https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=880&oldid=prev 2026-06-01T12:37:06Z

<p>Ergänzung AT-Text</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 1. Juni 2026, 14:37 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Zeile 23:</td> <td colspan="2" class="diff-lineno">Zeile 23:</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;">Inzwischen gibt es Werkzeuge, die mit hilfe KI (LLM'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</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>Der Deutscher 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 Deutscher 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> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=873&oldid=prev 2026-05-13T09:01:57Z

<p>Absatz zu Pronomen</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 13. Mai 2026, 11:01 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30">Zeile 30:</td> <td colspan="2" class="diff-lineno">Zeile 30:</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>An dem Kompendium „Gendersensible Sprache. Strategien zum fairen Formulieren“ hat der DBSV mitgewirkt. Kostenfreies und barrierefreies PDF: https://www.bdkom.de/veroeffentlichungen/kompendium-gendersensible-sprache/  </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>An dem Kompendium „Gendersensible Sprache. Strategien zum fairen Formulieren“ hat der DBSV mitgewirkt. Kostenfreies und barrierefreies PDF: https://www.bdkom.de/veroeffentlichungen/kompendium-gendersensible-sprache/  </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>Zum Gebrauch <del style="font-weight: bold; text-decoration: none;">der Pronomen für geschlechtsneutrale </del>Pronomen gibt es zum Beispiel hier Informationen: https://www.gender-und-diversity.fau.de/glossary/pronomen/</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> </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>Zum Gebrauch <ins style="font-weight: bold; text-decoration: none;">von geschlechtsneutralen </ins>Pronomen gibt es zum Beispiel hier Informationen: https://www.gender-und-diversity.fau.de/glossary/pronomen/</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>Bei Verwendung von &#039;&#039;&#039;Hashtags&#039;&#039;&#039; (#) sollte jedes Wort mit einem Großbuchstaben beginnen. #KulturPerlen oder #GernPerDu oder #NichtsÜberUnsOhneUns. Es erleichtert die allgemeine Lesbarkeit genauso wie die Erkennbarkeit für Screenreader.</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>Bei Verwendung von &#039;&#039;&#039;Hashtags&#039;&#039;&#039; (#) sollte jedes Wort mit einem Großbuchstaben beginnen. #KulturPerlen oder #GernPerDu oder #NichtsÜberUnsOhneUns. Es erleichtert die allgemeine Lesbarkeit genauso wie die Erkennbarkeit für Screenreader.</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>[[Kategorie:Barrierefreiheit im 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>[[Kategorie:Barrierefreiheit im Internet]]</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=872&oldid=prev 2026-05-13T09:00:26Z

<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 13. Mai 2026, 11:00 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30">Zeile 30:</td> <td colspan="2" class="diff-lineno">Zeile 30:</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>An dem Kompendium „Gendersensible Sprache. Strategien zum fairen Formulieren“ hat der DBSV mitgewirkt. Kostenfreies und barrierefreies PDF: https://www.bdkom.de/veroeffentlichungen/kompendium-gendersensible-sprache/  </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>An dem Kompendium „Gendersensible Sprache. Strategien zum fairen Formulieren“ hat der DBSV mitgewirkt. Kostenfreies und barrierefreies PDF: https://www.bdkom.de/veroeffentlichungen/kompendium-gendersensible-sprache/  </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;">Zum Gebrauch der Pronomen für geschlechtsneutrale Pronomen gibt es zum Beispiel hier Informationen: https://www.gender-und-diversity.fau.de/glossary/pronomen/</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>Bei Verwendung von &#039;&#039;&#039;Hashtags&#039;&#039;&#039; (#) sollte jedes Wort mit einem Großbuchstaben beginnen. #KulturPerlen oder #GernPerDu oder #NichtsÜberUnsOhneUns. Es erleichtert die allgemeine Lesbarkeit genauso wie die Erkennbarkeit für Screenreader.</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>Bei Verwendung von &#039;&#039;&#039;Hashtags&#039;&#039;&#039; (#) sollte jedes Wort mit einem Großbuchstaben beginnen. #KulturPerlen oder #GernPerDu oder #NichtsÜberUnsOhneUns. Es erleichtert die allgemeine Lesbarkeit genauso wie die Erkennbarkeit für Screenreader.</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>[[Kategorie:Barrierefreiheit im 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>[[Kategorie:Barrierefreiheit im Internet]]</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=853&oldid=prev 2026-02-27T12:35:37Z

<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 27. Februar 2026, 14:35 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;">====</del>== Screenreader <del style="font-weight: bold; text-decoration: none;">====</del>==</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>== Screenreader ==</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>Ein Screenreader ist eine Software, die den Inhalt des Bildschirmes auf verschiedene Weise zugänglich macht. Zum Bespiel durch hörbare Sprache oder [[Braille-Schrift und Profilschrift#Brailleschrift|Brailleschrift]]. Er macht eine Navigation in einem Computer per Tastenkombination möglich und erfüllt Aufgaben wie Vorlesen, wechseln zwischen Dateien und Apps, Musik hören, durch Websites navigieren und vieles anderes.</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 Screenreader ist eine Software, die den Inhalt des Bildschirmes auf verschiedene Weise zugänglich macht. Zum Bespiel durch hörbare Sprache oder [[Braille-Schrift und Profilschrift#Brailleschrift|Brailleschrift]]. Er macht eine Navigation in einem Computer per Tastenkombination möglich und erfüllt Aufgaben wie Vorlesen, wechseln zwischen Dateien und Apps, Musik hören, durch Websites navigieren und vieles anderes.</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> <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>Die verschiedenen Endgeraäte brauchen verschiedene Screenreader. Auf Computern kann eine Software installiert werden, es gibt auch eine quelloffene kostenlose Variante: [https://www.nvaccess.org/ NVDA]. In den modernen Smartphone gibt es sowohl für Android, als auch für iOS-Geräte integrierte Apps, die die Bedienung über Gesten und/oder Spracheingaben ermöglichen. Browserbasiert werden Vorlesefunktionen vorgehalten, falls keine Software installiert werden soll oder mag. Es gibt aber auch Cloudbasierte Screenreader, die unabhängig vom digitalen Endgerät genutzt werden können. https://www.accessgo.de/wissen/was-ist-ein-screenreader/, https://eye-able.com/de/blog/surfen-mit-sehbehinderung-die-verborgene-welt-der-screenreader</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>Die verschiedenen Endgeraäte brauchen verschiedene Screenreader. Auf Computern kann eine Software installiert werden, es gibt auch eine quelloffene kostenlose Variante: [https://www.nvaccess.org/ NVDA]. In den modernen Smartphone gibt es sowohl für Android, als auch für iOS-Geräte integrierte Apps, die die Bedienung über Gesten und/oder Spracheingaben ermöglichen. Browserbasiert werden Vorlesefunktionen vorgehalten, falls keine Software installiert werden soll oder mag. Es gibt aber auch Cloudbasierte Screenreader, die unabhängig vom digitalen Endgerät genutzt werden können. https://www.accessgo.de/wissen/was-ist-ein-screenreader/, https://eye-able.com/de/blog/surfen-mit-sehbehinderung-die-verborgene-welt-der-screenreader</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><del style="font-weight: bold; text-decoration: none;">===</del>=== '''Alternativtext oder Alt-Text''' <del style="font-weight: bold; text-decoration: none;">===</del>===</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>=== '''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>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. 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>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. 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 colspan="2" class="diff-lineno" id="mw-diff-left-l26">Zeile 26:</td> <td colspan="2" class="diff-lineno">Zeile 26:</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 Deutscher 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 Deutscher 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 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><del style="font-weight: bold; text-decoration: none;">===</del>=== '''Gendern''' <del style="font-weight: bold; text-decoration: none;">===</del>===</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>=== '''Gendern''' ===</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 sich alle Menschen in ihrer geschlechtlichen Vielfalt angesprochen fühlen, werden auch Gender-Kurzformen mit Sternchen, Doppelpunkt oder Unterstrich genutzt. Das ist für viele blinde und sehbehinderte Menschen schwierig. Damit klar wird, wie ein Text von einer Assistenzkraft oder einem &#039;&#039;&#039;Screenreader&#039;&#039;&#039; vorgelesen werden soll, Personenbezeichnungen am besten ausformulieren. Es sollen Textlösungen gesucht werden, die kein Geschlecht ausschließen („Team“ statt „Mitarbeiterinnen und Mitarbeiter“). Oder „Ärztinnen und Ärzte“. Wenn es nicht zu umgehen ist, empfiehlt der DBSV, das Sternchen zu verwenden. Doppelpunkt und Unterstrich sind für sehbehinderte Menschen schlechter erkennbar als das Sternchen. Weitere Infos unter: https://www.dbsv.org/gendern.html</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 sich alle Menschen in ihrer geschlechtlichen Vielfalt angesprochen fühlen, werden auch Gender-Kurzformen mit Sternchen, Doppelpunkt oder Unterstrich genutzt. Das ist für viele blinde und sehbehinderte Menschen schwierig. Damit klar wird, wie ein Text von einer Assistenzkraft oder einem &#039;&#039;&#039;Screenreader&#039;&#039;&#039; vorgelesen werden soll, Personenbezeichnungen am besten ausformulieren. Es sollen Textlösungen gesucht werden, die kein Geschlecht ausschließen („Team“ statt „Mitarbeiterinnen und Mitarbeiter“). Oder „Ärztinnen und Ärzte“. Wenn es nicht zu umgehen ist, empfiehlt der DBSV, das Sternchen zu verwenden. Doppelpunkt und Unterstrich sind für sehbehinderte Menschen schlechter erkennbar als das Sternchen. Weitere Infos unter: https://www.dbsv.org/gendern.html</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=Anforderungen_f%C3%BCr_Screenreader&diff=752&oldid=prev 2026-02-10T14:50:03Z

<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 10. Februar 2026, 16:50 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Zeile 6:</td> <td colspan="2" class="diff-lineno">Zeile 6:</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| list1 = Tools</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>| list1 = <ins style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#</ins>Tools<ins style="font-weight: bold; text-decoration: none;">|Tools]]</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>| list2 = Schnelltests</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>| list2 = <ins style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#</ins>Schnelltests<ins style="font-weight: bold; text-decoration: none;">|Schnelltests]]</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>| list3 = Prüfung</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>| list3 = <ins style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#Seriöse, vollständige und kompetente Beratung und Prüfung|</ins>Prüfung<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>| group3 = [[Anforderungen für Screenreader]]</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>| group3 = [[Anforderungen für Screenreader]]</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>| list3.1 = Screenreader</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>| list3.1 = <ins style="font-weight: bold; text-decoration: none;">[[Anforderungen für </ins>Screenreader<ins style="font-weight: bold; text-decoration: none;">#Screenreader|Screenreader]]</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>| list3.2 = 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>| list3.2 = <ins style="font-weight: bold; text-decoration: none;">[[Anforderungen für Screenreader#Alternativtext oder Alt-Text|</ins>Alt-text<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>| list3.3 = Gendern</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>| list3.3 = <ins style="font-weight: bold; text-decoration: none;">[[Anforderungen für Screenreader#Gendern|</ins>Gendern<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>| group4 = [[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>| group4 = [[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> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=750&oldid=prev 2026-02-10T14:45:04Z

<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 10. Februar 2026, 16:45 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Zeile 6:</td> <td colspan="2" class="diff-lineno">Zeile 6:</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| list1 = <del style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#</del>Tools<del style="font-weight: bold; text-decoration: none;">|Tools]]</del></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>| list1 = Tools</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>| list2 = <del style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#</del>Schnelltests<del style="font-weight: bold; text-decoration: none;">|Schnelltests]]</del></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>| list2 = Schnelltests</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>| list3 = <del style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#Seriöse, vollständige und kompetente Beratung und Prüfung|</del>Prüfung<del style="font-weight: bold; text-decoration: none;">]]</del></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>| list3 = Prüfung</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>| group3 = [[Anforderungen für Screenreader]]</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>| group3 = [[Anforderungen für Screenreader]]</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>| list3.1 = <del style="font-weight: bold; text-decoration: none;">[[Anforderungen für </del>Screenreader<del style="font-weight: bold; text-decoration: none;">*Screenreader|Screenreader]]</del></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>| list3.1 = Screenreader</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>| list3.2 = <del style="font-weight: bold; text-decoration: none;">[[Anforderungen für Screenreader#Alternativtext oder Alt-Text|</del>Alt-text<del style="font-weight: bold; text-decoration: none;">]]</del></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>| list3.2 = Alt-text</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>| list3.3 = <del style="font-weight: bold; text-decoration: none;">[[Anforderungen für Screenreader#Gendern|</del>Gendern<del style="font-weight: bold; text-decoration: none;">]]</del></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>| list3.3 = Gendern</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>| group4 = [[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>| group4 = [[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 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>Die verschiedenen Endgeraäte brauchen verschiedene Screenreader. Auf Computern kann eine Software installiert werden, es gibt auch eine quelloffene kostenlose Variante: [https://www.nvaccess.org/ NVDA]. In den modernen Smartphone gibt es sowohl für Android, als auch für iOS-Geräte integrierte Apps, die die Bedienung über Gesten und/oder Spracheingaben ermöglichen. Browserbasiert werden Vorlesefunktionen vorgehalten, falls keine Software installiert werden soll oder mag. Es gibt aber auch Cloudbasierte Screenreader, die unabhängig vom digitalen Endgerät genutzt werden können. https://www.accessgo.de/wissen/was-ist-ein-screenreader/, https://eye-able.com/de/blog/surfen-mit-sehbehinderung-die-verborgene-welt-der-screenreader</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>Die verschiedenen Endgeraäte brauchen verschiedene Screenreader. Auf Computern kann eine Software installiert werden, es gibt auch eine quelloffene kostenlose Variante: [https://www.nvaccess.org/ NVDA]. In den modernen Smartphone gibt es sowohl für Android, als auch für iOS-Geräte integrierte Apps, die die Bedienung über Gesten und/oder Spracheingaben ermöglichen. Browserbasiert werden Vorlesefunktionen vorgehalten, falls keine Software installiert werden soll oder mag. Es gibt aber auch Cloudbasierte Screenreader, die unabhängig vom digitalen Endgerät genutzt werden können. https://www.accessgo.de/wissen/was-ist-ein-screenreader/, https://eye-able.com/de/blog/surfen-mit-sehbehinderung-die-verborgene-welt-der-screenreader</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>====== '''Alternativtext <del style="font-weight: bold; text-decoration: none;">| </del>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>====== '''Alternativtext <ins style="font-weight: bold; text-decoration: none;">oder </ins>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>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. 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>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. 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> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=749&oldid=prev 2026-02-10T14:42:54Z

<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 10. Februar 2026, 16:42 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Zeile 6:</td> <td colspan="2" class="diff-lineno">Zeile 6:</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| list1 = Tools</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>| list1 = <ins style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#</ins>Tools<ins style="font-weight: bold; text-decoration: none;">|Tools]]</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>| list2 = Schnelltests</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>| list2 = <ins style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#</ins>Schnelltests<ins style="font-weight: bold; text-decoration: none;">|Schnelltests]]</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>| list3 = Prüfung</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>| list3 = <ins style="font-weight: bold; text-decoration: none;">[[Prüfung einer Website auf Barrierefreiheit#Seriöse, vollständige und kompetente Beratung und Prüfung|</ins>Prüfung<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>| group3 = [[Anforderungen für Screenreader]]</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>| group3 = [[Anforderungen für Screenreader]]</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>| list3.1 = Screenreader</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>| list3.1 = <ins style="font-weight: bold; text-decoration: none;">[[Anforderungen für </ins>Screenreader<ins style="font-weight: bold; text-decoration: none;">*Screenreader|Screenreader]]</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>| list3.2 = 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>| list3.2 = <ins style="font-weight: bold; text-decoration: none;">[[Anforderungen für Screenreader#Alternativtext oder Alt-Text|</ins>Alt-text<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>| list3.3 = Gendern</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>| list3.3 = <ins style="font-weight: bold; text-decoration: none;">[[Anforderungen für Screenreader#Gendern|</ins>Gendern<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>| group4 = [[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>| group4 = [[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> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=745&oldid=prev 2026-02-10T13:49: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 10. Februar 2026, 15:49 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6">Zeile 6:</td> <td colspan="2" class="diff-lineno">Zeile 6:</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group1 = [[Veröffentlichung der Informationen zur Barrierefreiheit einer Website]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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>| group2 = [[Prüfung einer Website auf Barrierefreiheit]]</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 = 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 = 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</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>| group3 = [[Anforderungen für Screenreader]]</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>| group3 = [[Anforderungen für Screenreader]]</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.1 = 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;">| list3.2 = 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;">| list3.3 = Gendern</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>| group4 = [[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>| group4 = [[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> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=737&oldid=prev 2026-02-10T13:19:26Z

<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 10. Februar 2026, 15:19 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>====== Screenreader ======</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>====== Screenreader ======</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>Ein Screenreader ist eine Software, die den Inhalt des Bildschirmes auf verschiedene Weise zugänglich macht. Zum Bespiel durch hörbare Sprache oder [[Braille-Schrift und Profilschrift#Brailleschrift|Brailleschrift]]. Er macht eine Navigation in einem Computer per Tastenkombination möglich und erfüllt Aufgaben wie Vorlesen, wechseln zwischen Dateien und Apps, Musik hören, durch Websites navigieren und vieles anderes.</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 Screenreader ist eine Software, die den Inhalt des Bildschirmes auf verschiedene Weise zugänglich macht. Zum Bespiel durch hörbare Sprache oder [[Braille-Schrift und Profilschrift#Brailleschrift|Brailleschrift]]. Er macht eine Navigation in einem Computer per Tastenkombination möglich und erfüllt Aufgaben wie Vorlesen, wechseln zwischen Dateien und Apps, Musik hören, durch Websites navigieren und vieles anderes.</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 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>&lt;div class="navbox"&gt;{{Internet</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;">Damit Screenreader Inhalte korrekt interpretieren können, müssen Webseiten barrierefrei und semantisch sauber aufgebaut sein. Überschriften sollten einer klaren Hierarchie folgen, Bilder benötigen Alternativtexte, und interaktive Elemente wie Buttons oder Formulare müssen eindeutig beschriftet und per Tastatur bedienbar sein. Screenreader brauchen also einen "semantisch sauberen" Code. </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> </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;">Die verschiedenen Endgeraäte brauchen verschiedene Screenreader. Auf Computern kann eine Software installiert werden, es gibt auch eine quelloffene kostenlose Variante: [https://www.nvaccess.org/ NVDA]. In den modernen Smartphone gibt es sowohl für Android, als auch für iOS-Geräte integrierte Apps, die die Bedienung über Gesten und/oder Spracheingaben ermöglichen. Browserbasiert werden Vorlesefunktionen vorgehalten, falls keine Software installiert werden soll oder mag. Es gibt aber auch Cloudbasierte Screenreader, die unabhängig vom digitalen Endgerät genutzt werden können. https://www.accessgo.de/wissen/was-ist-ein-screenreader/, https://eye-able.com/de/blog/surfen-mit-sehbehinderung-die-verborgene-welt-der-screenreader</del>&lt;div class="navbox"&gt;{{Internet</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>| name = Inhalt</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>| name = Inhalt</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>| title = 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>| title = Internet</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Zeile 12:</td> <td colspan="2" class="diff-lineno">Zeile 9:</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>| group4 = [[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>| group4 = [[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 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;">Damit Screenreader Inhalte korrekt interpretieren können, müssen Webseiten barrierefrei und semantisch sauber aufgebaut sein. Überschriften sollten einer klaren Hierarchie folgen, Bilder benötigen Alternativtexte, und interaktive Elemente wie Buttons oder Formulare müssen eindeutig beschriftet und per Tastatur bedienbar sein. Screenreader brauchen also einen "semantisch sauberen" Code. </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;">Die verschiedenen Endgeraäte brauchen verschiedene Screenreader. Auf Computern kann eine Software installiert werden, es gibt auch eine quelloffene kostenlose Variante: [https://www.nvaccess.org/ NVDA]. In den modernen Smartphone gibt es sowohl für Android, als auch für iOS-Geräte integrierte Apps, die die Bedienung über Gesten und/oder Spracheingaben ermöglichen. Browserbasiert werden Vorlesefunktionen vorgehalten, falls keine Software installiert werden soll oder mag. Es gibt aber auch Cloudbasierte Screenreader, die unabhängig vom digitalen Endgerät genutzt werden können. https://www.accessgo.de/wissen/was-ist-ein-screenreader/, https://eye-able.com/de/blog/surfen-mit-sehbehinderung-die-verborgene-welt-der-screenreader</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>====== &#039;&#039;&#039;Alternativtext | Alt-Text&#039;&#039;&#039; ======</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>====== &#039;&#039;&#039;Alternativtext | Alt-Text&#039;&#039;&#039; ======</div></td></tr> </table>

Wiki-ka https://wiki.kulturperlen.hamburg/index.php?title=Anforderungen_f%C3%BCr_Screenreader&diff=736&oldid=prev 2026-02-10T13:18: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 10. Februar 2026, 15:18 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>====== Screenreader ======</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>====== Screenreader ======</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>Ein Screenreader ist eine Software, die den Inhalt des Bildschirmes auf verschiedene Weise zugänglich macht. Zum Bespiel durch hörbare Sprache oder [[Braille-Schrift und Profilschrift#<del style="font-weight: bold; text-decoration: none;">Screenreader</del>|Brailleschrift]]. Er macht eine Navigation in einem Computer per Tastenkombination möglich und erfüllt Aufgaben wie Vorlesen, wechseln zwischen Dateien und Apps, Musik hören, durch Websites navigieren und vieles anderes.</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 Screenreader ist eine Software, die den Inhalt des Bildschirmes auf verschiedene Weise zugänglich macht. Zum Bespiel durch hörbare Sprache oder [[Braille-Schrift und Profilschrift#<ins style="font-weight: bold; text-decoration: none;">Brailleschrift</ins>|Brailleschrift]]. Er macht eine Navigation in einem Computer per Tastenkombination möglich und erfüllt Aufgaben wie Vorlesen, wechseln zwischen Dateien und Apps, Musik hören, durch Websites navigieren und vieles anderes.</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>Damit Screenreader Inhalte korrekt interpretieren können, müssen Webseiten barrierefrei und semantisch sauber aufgebaut sein. Überschriften sollten einer klaren Hierarchie folgen, Bilder benötigen Alternativtexte, und interaktive Elemente wie Buttons oder Formulare müssen eindeutig beschriftet und per Tastatur bedienbar sein. Screenreader brauchen also einen &quot;semantisch sauberen&quot; Code.  </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 Inhalte korrekt interpretieren können, müssen Webseiten barrierefrei und semantisch sauber aufgebaut sein. Überschriften sollten einer klaren Hierarchie folgen, Bilder benötigen Alternativtexte, und interaktive Elemente wie Buttons oder Formulare müssen eindeutig beschriftet und per Tastatur bedienbar sein. Screenreader brauchen also einen &quot;semantisch sauberen&quot; Code.  </div></td></tr> </table>

Wiki-ka