http://www.doku.papoo.de/index.php?action=history&feed=atom&title=Barrierefreiheit 2026-04-13T04:14:35Z Versionsgeschichte dieser Seite in Papoo Dokumentation MediaWiki 1.18.1 http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=2087&oldid=prev 2006-03-15T19:12:35Z

<p><span class="autocomment">Weblinks: </span> Know-how: Accessibility-Tests in der Praxis</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 19:12, 15. Mär 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 27:</td> <td colspan="2" class="diff-lineno">Zeile 27:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* [http://www.testticker.de/praxis/netzwerke/article20060312001.aspx Know-how: Accessibility-Tests in der Praxis]</ins></div></td></tr> </table>

Kranio http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1997&oldid=prev 2006-02-25T17:06:50Z

<p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 17:06, 25. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>&lt;div class=&quot;breadcrumb&quot;&gt;Sie sind hier: [[Hauptseite]]/<del class="diffchange diffchange-inline">[[</del>Barrierefreiheit<del class="diffchange diffchange-inline">]]</del>&lt;/div&gt;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>&lt;div class=&quot;breadcrumb&quot;&gt;Sie sind hier: [[Hauptseite]] / Barrierefreiheit&lt;/div&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Was ist '''barrierefrei'''? Was ist '''Barrierefreiheit'''?</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Was ist '''barrierefrei'''? Was ist '''Barrierefreiheit'''?</div></td></tr> </table>

Kranio http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1868&oldid=prev 2006-02-19T16:59:33Z

<p><span class="autocomment">Weblinks: </span> [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C] =&gt; englisch, deswegen entfernt. Die anderen Seiten bringen genug Infos über Barrierefreiheit</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 16:59, 19. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 24:</td> <td colspan="2" class="diff-lineno">Zeile 24:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.wob11.de Infoseite des &quot;Web ohne Barrieren&quot;]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.wob11.de Infoseite des &quot;Web ohne Barrieren&quot;]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.barrierefreies-webdesign.de/ Barrierefreies Webdesign]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.barrierefreies-webdesign.de/ Barrierefreies Webdesign]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]</div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1867&oldid=prev 2006-02-19T16:56:11Z

<p><span class="autocomment">Weblinks: </span> [http://www.barrierekompass.de/check.php Kostenloser Barriere Check] ist nicht kostenlos und nur für Firmen =&gt; weg damit -- IBM Downloadseite entfernt</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 16:56, 19. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 22:</td> <td colspan="2" class="diff-lineno">Zeile 22:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/ SELFHTML: Artikel zur Barrierefreiheit]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/ SELFHTML: Artikel zur Barrierefreiheit]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.abi-projekt.de Aktionsbündnis für barrierefreie IT]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.abi-projekt.de Aktionsbündnis für barrierefreie IT]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://www.barrierekompass.de/check.php Kostenloser Barriere Check]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://www-3.ibm.com/able/solution_offerings/opera.html Positive und negative Webdesign-Beispiele]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.wob11.de Infoseite des &quot;Web ohne Barrieren&quot;]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.wob11.de Infoseite des &quot;Web ohne Barrieren&quot;]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C]</div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1866&oldid=prev 2006-02-19T16:51:50Z

<p><span class="autocomment">Literatur: </span> barrierefreie Hyperlinks eingefügt</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 16:51, 19. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 11:</td> <td colspan="2" class="diff-lineno">Zeile 11:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Literatur ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Literatur ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* Barrierefreies Webdesign, Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag<del class="diffchange diffchange-inline">, </del>[http://www.<del class="diffchange diffchange-inline">dpunkt</del>.de/<del class="diffchange diffchange-inline">buch/3-89864-260-7</del>.<del class="diffchange diffchange-inline">html Link zum Buch]</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* <ins class="diffchange diffchange-inline">[http://www.dpunkt.de/buch/3-89864-260-7.html </ins>Barrierefreies Webdesign<ins class="diffchange diffchange-inline">]</ins>, Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">* </del>Webdesign für Menschen mit körperlichen Einschränkungen, Jan Eric Hellbusch - Thomas Mayer, 72 Seiten, 4,00 Euro, ISBN: 87-90785-75-4, KnowWare Verlag<del class="diffchange diffchange-inline">, [http://www.knowware.de/barrierefrei.htm Link zum Buch]</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins>[http://www.<ins class="diffchange diffchange-inline">knowware</ins>.de/<ins class="diffchange diffchange-inline">barrierefrei</ins>.<ins class="diffchange diffchange-inline">htm </ins>Webdesign für Menschen mit körperlichen Einschränkungen<ins class="diffchange diffchange-inline">]</ins>, Jan Eric Hellbusch - Thomas Mayer, 72 Seiten, 4,00 Euro, ISBN: 87-90785-75-4, KnowWare Verlag</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Weblinks ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Weblinks ==</div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1865&oldid=prev 2006-02-19T16:47:59Z

<p>Kurztipps entfernt und unter <a href="/index.php?title=Wie_kann_man_Barrierefreiheit_testen%3F" title="Wie kann man Barrierefreiheit testen?">Wie_kann_man_Barrierefreiheit_testen?</a> eingefügt, weil hier schon die Richtlinien aufgeführt sind</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 16:47, 19. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 9:</td> <td colspan="2" class="diff-lineno">Zeile 9:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Einige Webseiten, zum Beispiel [http://www.bund.de bund.de], und andere Seiten im Internet von öffentlichen Einrichtungen müssen barrierefrei umgesetzt werden und sind es teilweise auch schon. Maßgeblich ist hier die [http://de.wikipedia.org/wiki/BITV BITV] zu nennen, die beachtet werden muss.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Einige Webseiten, zum Beispiel [http://www.bund.de bund.de], und andere Seiten im Internet von öffentlichen Einrichtungen müssen barrierefrei umgesetzt werden und sind es teilweise auch schon. Maßgeblich ist hier die [http://de.wikipedia.org/wiki/BITV BITV] zu nennen, die beachtet werden muss.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">== Kurztipps zur Barrierefreiheit ==</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Bilder und Animationen:'''&#160; Beschreibe die Funktion mit den Attributen ''alt'' und ''title''</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Image-Maps:''' Image-Maps sind zu vermeiden</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Multimedia:''' Untertitel für Audio, Audio-Beschreibungen für Video, mit dem BIENE-Award ausgezeichnete Webseiten haben oft Videos mit Gebärdensprache</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Hyperlinks:''' Link-Text muss ohne Textzusammenhang verständlich sein. Formulierungen wie &quot;zum Download geht es hier&quot; erschaffen Barrieren und sollten nicht verwendet werden.</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Aufbau der Webseite:''' Verwende Überschriften, Listen und gegliederte Strukturen</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Skripts, Applets und Plug-ins:''' Vermeiden! Sollten diese unverzichtbar und nicht behindertengerecht sein, müssen Alternativen zur Verfügung gestellt werden. Die Webseite muss auch ohne diese Techniken benutzbar sein.</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Diagramme:''' Beschreibe diese im Text oder verwende ''longdesc''-Attribute</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Frames:''' Vermeiden oder verwende ''noframes'' und verständliche Titel für die Frames</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* '''Tabellen:''' Sollten Zeile für Zeile lesbar sein. Die Inhalte müssen zusammengefasst werden. Tabellen dürfen nicht für Layout-Zwecke missbraucht werden, sondern nur für die Aufbereitung von tabellarischen Daten.</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Literatur ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Literatur ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* Barrierefreies Webdesign, Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag, [http://www.dpunkt.de/buch/3-89864-260-7.html Link zum Buch]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* Barrierefreies Webdesign, Jan Erik Hellbusch, 350 Seiten, 39,00 Euro, ISBN: 3898642607, dpunkt Verlag, [http://www.dpunkt.de/buch/3-89864-260-7.html Link zum Buch]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* Webdesign für Menschen mit körperlichen Einschränkungen, Jan Eric Hellbusch - Thomas Mayer, 72 Seiten, 4,00 Euro, ISBN: 87-90785-75-4, KnowWare Verlag, [http://www.knowware.de/barrierefrei.htm Link zum Buch]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* Webdesign für Menschen mit körperlichen Einschränkungen, Jan Eric Hellbusch - Thomas Mayer, 72 Seiten, 4,00 Euro, ISBN: 87-90785-75-4, KnowWare Verlag, [http://www.knowware.de/barrierefrei.htm Link zum Buch]</div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1862&oldid=prev 2006-02-18T19:20:57Z

<p><span class="autocomment">Kurztipps zur Barrierefreiheit: </span> Erweitert und geändert.</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 19:20, 18. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 11:</td> <td colspan="2" class="diff-lineno">Zeile 11:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Kurztipps zur Barrierefreiheit ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Kurztipps zur Barrierefreiheit ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Bilder und Animationen:'''&#160; Beschreibe die Funktion mit ''alt''<del class="diffchange diffchange-inline">-Attributen</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Bilder und Animationen:'''&#160; Beschreibe die Funktion mit <ins class="diffchange diffchange-inline">den Attributen </ins>''alt'' <ins class="diffchange diffchange-inline">und ''title''</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Image-Maps:''' <del class="diffchange diffchange-inline">Verwende benutzerseitige ''map''</del>-<del class="diffchange diffchange-inline">Elemente und Text für Hotspots</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Image-Maps:''' <ins class="diffchange diffchange-inline">Image</ins>-<ins class="diffchange diffchange-inline">Maps sind zu vermeiden</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Multimedia:''' Untertitel für Audio, Audio-<del class="diffchange diffchange-inline">Deskriptionen </del>für Video</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Multimedia:''' Untertitel für Audio, Audio-<ins class="diffchange diffchange-inline">Beschreibungen </ins>für Video<ins class="diffchange diffchange-inline">, mit dem BIENE-Award ausgezeichnete Webseiten haben oft Videos mit Gebärdensprache</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''<del class="diffchange diffchange-inline">Hypertext-Links</del>:''' Link-Text muss ohne Textzusammenhang verständlich sein</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''<ins class="diffchange diffchange-inline">Hyperlinks</ins>:''' Link-Text muss ohne Textzusammenhang verständlich sein<ins class="diffchange diffchange-inline">. Formulierungen wie &quot;zum Download geht es hier&quot; erschaffen Barrieren und sollten nicht verwendet werden.</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Aufbau der <del class="diffchange diffchange-inline">Site</del>:''' Verwende Überschriften, Listen und gegliederte Strukturen</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Aufbau der <ins class="diffchange diffchange-inline">Webseite</ins>:''' Verwende Überschriften, Listen und gegliederte Strukturen</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Skripts, Applets und Plug-ins:''' <del class="diffchange diffchange-inline">Für den Fall, dass </del>diese nicht behindertengerecht <del class="diffchange diffchange-inline">sind oder nicht unterstützzt werden</del>, Alternativen zur Verfügung <del class="diffchange diffchange-inline">stellen</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Skripts, Applets und Plug-ins:''' <ins class="diffchange diffchange-inline">Vermeiden! Sollten </ins>diese <ins class="diffchange diffchange-inline">unverzichtbar und </ins>nicht behindertengerecht <ins class="diffchange diffchange-inline">sein</ins>, <ins class="diffchange diffchange-inline">müssen </ins>Alternativen zur Verfügung <ins class="diffchange diffchange-inline">gestellt werden. Die Webseite muss auch ohne diese Techniken benutzbar sein.</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''Diagramme:''' Beschreibe diese im Text oder verwende ''longdesc''-Attribute</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''Diagramme:''' Beschreibe diese im Text oder verwende ''longdesc''-Attribute</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Frames:''' <del class="diffchange diffchange-inline">Verwende </del>''noframes'' und verständliche Titel für die Frames</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Frames:''' <ins class="diffchange diffchange-inline">Vermeiden oder verwende </ins>''noframes'' und verständliche Titel für die Frames</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* '''Tabellen:''' Sollten Zeile für Zeile lesbar sein. <del class="diffchange diffchange-inline">Fasse </del>Inhalte <del class="diffchange diffchange-inline">zusammen</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* '''Tabellen:''' Sollten Zeile für Zeile lesbar sein. <ins class="diffchange diffchange-inline">Die </ins>Inhalte <ins class="diffchange diffchange-inline">müssen zusammengefasst werden. Tabellen dürfen nicht für Layout-Zwecke missbraucht werden, sondern nur für die Aufbereitung von tabellarischen Daten.</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Literatur ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Literatur ==</div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1861&oldid=prev 2006-02-18T19:12:33Z

<p><span class="autocomment">Weblinks: </span> Nach Wichtigkeit und Barrierefreiheit sortiert</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 19:12, 18. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 27:</td> <td colspan="2" class="diff-lineno">Zeile 27:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Weblinks ==</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>== Weblinks ==</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>* [http://www.<del class="diffchange diffchange-inline">testticker</del>.de/<del class="diffchange diffchange-inline">praxis</del>/<del class="diffchange diffchange-inline">netzwerke</del>/<del class="diffchange diffchange-inline">article20060104034</del>.<del class="diffchange diffchange-inline">aspx </del>Artikel zur Barrierefreiheit <del class="diffchange diffchange-inline">von Webseiten</del>]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* [http://de.wikipedia.org/wiki/Barrierefreies_Webdesign Wikipedia: Barrierefreies Webdesign]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>* [http://www.<ins class="diffchange diffchange-inline">einfach-fuer-alle</ins>.de <ins class="diffchange diffchange-inline">Einfach für alle]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* [http:</ins>//<ins class="diffchange diffchange-inline">barrierefrei.e-workers.de Webdesign ohne Barrieren]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* [http:</ins>/<ins class="diffchange diffchange-inline">/www</ins>.<ins class="diffchange diffchange-inline">freedomsci.de JAWS Screenreader]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* [http://lynx.browser.org/ Der Textbrowser &quot;Lynx&quot;]</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* [http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/ SELFHTML: </ins>Artikel zur Barrierefreiheit]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.abi-projekt.de Aktionsbündnis für barrierefreie IT]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.abi-projekt.de Aktionsbündnis für barrierefreie IT]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.barrierekompass.de/check.php Kostenloser Barriere Check]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.barrierekompass.de/check.php Kostenloser Barriere Check]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.bik-online.info Barrierefrei informieren und kommunizieren]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://www.freedomsci.de Jaws Screenreader]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www-3.ibm.com/able/solution_offerings/opera.html Positive und negative Webdesign-Beispiele]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www-3.ibm.com/able/solution_offerings/opera.html Positive und negative Webdesign-Beispiele]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.wob11.de Infoseite des &quot;Web ohne Barrieren&quot;]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.wob11.de Infoseite des &quot;Web ohne Barrieren&quot;]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.w3.org/WAI Web Accessibility Initiative (WAI) des W3C]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://de.wikipedia.org/wiki/Barrierefreies_Webdesign Wikipedia: Barrierefreies Webdesign]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.barrierefreies-webdesign.de/ Barrierefreies Webdesign]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.barrierefreies-webdesign.de/ Barrierefreies Webdesign]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://www.einfach-fuer-alle.de Einfach für alle]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://barrierefrei.e-workers.de Webdesign ohne Barrieren]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">* [http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/ Selfhtml Artikel zur Barrierefreiheit]</del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* [http://www.webforall.info/html/deutsch/empfehlungen.php Empfehlungen für ein barrierefreies Webdesign]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* [http://www.testticker.de/praxis/netzwerke/article20060104034.aspx Artikel zur Barrierefreiheit von Webseiten]</ins></div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1860&oldid=prev 2006-02-18T19:07:21Z

<p><span class="autocomment">Kurztipps zur Barrierefreiheit: </span> H3 =&gt; H2 wegen Barrierefreiheit</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 19:07, 18. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 10:</td> <td colspan="2" class="diff-lineno">Zeile 10:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Einige Webseiten, zum Beispiel [http://www.bund.de bund.de], und andere Seiten im Internet von öffentlichen Einrichtungen müssen barrierefrei umgesetzt werden und sind es teilweise auch schon. Maßgeblich ist hier die [http://de.wikipedia.org/wiki/BITV BITV] zu nennen, die beachtet werden muss.</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Einige Webseiten, zum Beispiel [http://www.bund.de bund.de], und andere Seiten im Internet von öffentlichen Einrichtungen müssen barrierefrei umgesetzt werden und sind es teilweise auch schon. Maßgeblich ist hier die [http://de.wikipedia.org/wiki/BITV BITV] zu nennen, die beachtet werden muss.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> <tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">=</del>== Kurztipps zur Barrierefreiheit <del class="diffchange diffchange-inline">=</del>== &#160;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>== Kurztipps zur Barrierefreiheit ==</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''Bilder und Animationen:'''&#160; Beschreibe die Funktion mit ''alt''-Attributen</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''Bilder und Animationen:'''&#160; Beschreibe die Funktion mit ''alt''-Attributen</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''Image-Maps:''' Verwende benutzerseitige ''map''-Elemente und Text für Hotspots</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''Image-Maps:''' Verwende benutzerseitige ''map''-Elemente und Text für Hotspots</div></td></tr> </table>

ClausVB http://www.doku.papoo.de/index.php?title=Barrierefreiheit&diff=1859&oldid=prev 2006-02-17T14:26:28Z

<p>breadcrump hinzugefügt</p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr valign='top'> <td colspan='2' style="background-color: white; color:black;">Nächstältere Version→</td> <td colspan='2' style="background-color: white; color:black;">Version vom 14:26, 17. Feb 2006</td> </tr><tr><td colspan="2" class="diff-lineno">Zeile 1:</td> <td colspan="2" class="diff-lineno">Zeile 1:</td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">&lt;div class=&quot;breadcrumb&quot;&gt;Sie sind hier: [[Hauptseite]]/[[Barrierefreiheit]]&lt;/div&gt;</ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Was ist '''barrierefrei'''? Was ist '''Barrierefreiheit'''?</div></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"><div>Was ist '''barrierefrei'''? Was ist '''Barrierefreiheit'''?</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'>&#160;</td><td style="background: #eee; color:black; font-size: smaller;"></td></tr> </table>

Kb9pbf