tag:forum.selfhtml.org,2005:/self Lesetip: The web accessibility basics – SELFHTML-Forum 2016-07-10T12:20:15Z https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669835#m1669835 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-26T08:06:15Z 2016-06-26T08:35:06Z Lesetip: The web accessibility basics <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> <p><em>“Everyone who creates stuff on the web should read this article over and over again until everything in it is obvious.”</em> —Vasilis van Gemert</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669836#m1669836 pl 2016-06-26T08:18:33Z 2016-06-26T08:18:33Z Lesetip: The web accessibility basics <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> <p><em>“Everyone who creates stuff on the web should read this article over and over again until everything in it is obvious.”</em> —Vasilis</p> </blockquote> <p>Sieht aus wie eine Todesanzeige, liest sich aber gut. Schönen Sonntag!</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669838#m1669838 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2016-06-26T08:36:58Z 2016-06-26T08:36:58Z Lesetip: The web accessibility basics <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p><a href="https://twitter.com/Matthias_Apsel/status/684105334030528513" rel="nofollow noopener noreferrer">Gibts das auch auf deutsch?</a></p> <p><a href="https://www.zehe-edv.de/2016/01/08/die-grundregeln-zugaenglicher-webseiten/" rel="nofollow noopener noreferrer">die Grundregeln zugänglicher Webseiten</a></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669847#m1669847 Orlok 2016-06-26T10:45:50Z 2016-06-26T10:45:50Z Lesetip: The web accessibility basics <p>Hallo Gunnar</p> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p>Kannte den Artikel zwar schon, aber ich habe die Gelegenheit genutzt, ihn mir nochmals durchzulesen, und ich kann mich deiner Einschätzung nur anschließen, dass der Artikel sehr lesenswert und darum zu empfehlen ist. Allerdings ist mir beim Lesen etwas aufgefallen, was man in diesem Zusammenhang fast immer liest, und zu dem ich aus eben diesem Grund noch etwas anmerken möchte.</p> <blockquote> <blockquote> <p>If, on the other hand, an image is purely decorative, its alternative text consists of an empty string “”. That is simply alt=””, two consecutive quotes.</p> </blockquote> </blockquote> <p>Wenn man das Attribut <code>alt</code> auf den leeren String setzen will, dann ist es nicht zwingend erforderlich dies ausdrücklich zu tun, wie in dem Zitat und so ziemlich jeder anderen Quelle, die ich zu dem Thema bislang gelesen habe.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>picture<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>decorative.jpg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token keyword">const</span> image <span class="token operator">=</span> document<span class="token punctuation">.</span>images<span class="token punctuation">.</span>picture<span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>image<span class="token punctuation">.</span><span class="token function">hasAttribute</span><span class="token punctuation">(</span><span class="token string">'alt'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// true</span> <span class="token keyword">const</span> value <span class="token operator">=</span> image<span class="token punctuation">.</span>alt<span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token keyword">typeof</span> value <span class="token operator">===</span> <span class="token string">'string'</span> <span class="token operator">&&</span> value<span class="token punctuation">.</span>length <span class="token operator">===</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// true</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> </code></pre> <p>Wird nämlich nur der Attributname notiert, dann wird der Wert automatisch auf den leeren String gesetzt, eine explizite Angabe dieses Wertes ist also überflüssig, was dem Standardverhalten für diese Variante der Notierung von Attributen entspricht und wohl auch von allen Browsern so umgesetzt wird.</p> <p>Das ist natürlich nur eine unwesentliche Kleinigkeit, aber ich wollte es mal erwähnt haben. ;-)</p> <p>Viele Grüße,</p> <p>Orlok</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669872#m1669872 marctrix self@mhis.de http://mhis.de 2016-06-27T08:55:33Z 2016-06-27T08:55:33Z Lesetip: The web accessibility basics <p>Hej zusammen,</p> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p>Leider ist es damit aber nicht getan. Ich mag Marco sehr gerne, habe ihn auch hierher eingeladen, weil ich ihn sehr schätze und er ist ja nicht ohne Grund ständig in Sachen Barrierefreiheit unterwegs.</p> <p>Aber der Artikel von Marco, gibt doch einen recht speziellen Blickwinkel wieder. Was er beschreibt sind die Basics für blinde Menschen.</p> <p>Er hat keine Probleme mit zu kleinen Schaltflächen, weil er - selbst wenn er einen Tremor hätte (starkes Zittern) - Funktionen mit Tasten auslöst und nicht mit einem Mausklick.</p> <p>Ihn muss auch roter Text auf grünem Grund nicht stören, denn er wird ihm immer klar und deutlich vorgelesen, während Menschen mit einer Rot-Grün-Schwäche daran verzweifeln. Menüs, die sich nervös ein und ausblenden, wenn man die Maus nicht ruhig genug bewegt? Für Marco ebenfalls kein Problem! Schriftvergößerung, Seitenzoom, angemessene Sprache? Marco ist überdurchschnittlich intelligent und wird niemals zoomen - alles keine Barrieren für ihn, für andere aber durchaus.</p> <p>Fehlende Audiodeskription? Marco arbeitet ausschließlich über sein Gehör, für ihn muss Audio nicht transskribiert werden...</p> <p>Darum: solche Listen sind IMMER mit Vorsicht zu genießen und sie reichen niemals, um eine Seite barrierefrei zu bekommen. Nicht einmal die Basics sind für Gehörlose oder Menschen mit motorischen Einschränkungen erfüllt, wenn man alles beachtet, was dieser Artikel beschreibt. Für Blinde wird eine Seite grundsätzlich bedienbar, wenn man sich an das hält, was Marco schreibt. Aber Blinde sind eben auch besonders leicht zu unterstützen. Man kommt nicht in Konflikt mit Designvorgaben (Styleguides, Corporate Design usw) oder vielen anderen Vorgaben aus dem echten Leben.</p> <p>Provokant gesagt: Blinde brauchen lienearisierbare Texte und für alle Bilder und Videos eine textliche Entsprechung. Darüber hinaus noch eine vernünftige Struktur (Überschriften, Tabellen, Semantik) - also eigentlich nur sauberes, möglichst valides HTML, das bestimmungsgemäß eingesetzt wird und sonst gar nichts!</p> <p>Für Menschen mit Lese-Rechtschreibschwäche, Konzentrationsschwierigkeiten, photosensitiver Epilepsie (die Liste lässt sich fast beliebig fortsetzen) hätte man mit den im Artikel von Marco beschriebenen Maßnahmen nichts oder nicht viel getan. Außer: sauberes HTML ist immer eine gute Grundlage für die eigentliche Arbeit, die danach aber erst beginnt.</p> <p>Die WCAG sind nicht umsonst so umfangreich. Es führt halt kein Weg um sie herum. Alles andere kann bestenfalls einen ersten Einstieg erleichtern - womit solche Artikel ihre Daseinsberechtigung haben, denn die WCAG sind schon aufgrund ihres Umfanges für viele Menschen abschreckend. Wenn man Barrierefreiheit aber erst einmal beherrscht und von Beginn an in einem Projekt berücksichtigt, ist der Aufwand in der Umsetzung durchaus überschaubar. Für die meisten Seiten reicht einem erfahrenen, ohnehin sauber codendem Entwickler ein zusätzlicher Aufwand von etwa 10%.</p> <p>Übrigens hat Marco in seinem Blog nicht viele Anpassungen gemacht. Standard-Wordpress mit Standard-Theme. Das ist schon ein Großteil der Miete!</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1670304#m1670304 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-07-03T09:34:00Z 2016-07-03T09:34:00Z Developer's guide to accessibility mechanics <p>@@Gunnar Bittersmann</p> <p>Und ansehen, wie Léonie Watson auch für Blinde benutzbare <em>toggle tips</em> und <em>tab panels</em> baut: <a href="http://de.slideshare.net/LeonieWatson/developers-guide-to-accessibility-mechanics-2016" rel="nofollow noopener noreferrer">Developer's guide to accessibility mechanics</a>.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.”</em> —Vitaly Friedman in <a href="https://www.smashingmagazine.com/2016/06/inclusive-design-patterns/" rel="nofollow noopener noreferrer">Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”</a><br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669876#m1669876 marctrix self@mhis.de http://mhis.de 2016-06-27T09:16:00Z 2016-06-27T09:16:00Z Lesetip: The web accessibility basics <p>Hej pl,</p> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> </blockquote> <blockquote> <p>Sieht aus wie eine Todesanzeige, liest sich aber gut. Schönen Sonntag!</p> </blockquote> <p>Das ist das "Problem" - auf den meisten Webseiten muss man barrierefreiheit und Corporate Design, Responsivität und aktuelle technische Trends irgendwie unter einen Hut bringen.</p> <p>Ich habe nichts gegen ein fehlendes Design. Fefes Blog lese ich auch so gerne, wie es ist. Selbst der gute alte Lynx hat für mich einen auch optischen Charme. Aber da bin ich wohl die Ausnahme.</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669848#m1669848 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2016-06-26T11:01:57Z 2016-06-26T11:01:57Z Lesetip: The web accessibility basics <p>Hallo Orlok,</p> <blockquote> <p>Wenn man das Attribut <code>alt</code> auf den leeren String setzen will, dann ist es nicht zwingend erforderlich dies ausdrücklich zu tun, wie in dem Zitat und so ziemlich jeder anderen Quelle, die ich zu dem Thema bislang gelesen habe.</p> </blockquote> <p>Solange man nicht xhtml schreibt, scheint das tatsächlich möglich zu sein. Und das sieht auch der Validator so.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669862#m1669862 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T06:46:11Z 2016-06-27T09:08:39Z Lesetip: The web accessibility basics <p>@@Orlok</p> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p>Kannte den Artikel zwar schon</p> </blockquote> <p>Ach ja, ich hatte den ja auch selbst <a href="https://forum.selfhtml.org/self/2016/jan/5/ueber-barrierefreiheit-und-den-mangel-an-ordentlichem-html/1658273#m1658273" rel="noopener noreferrer">schon mal</a> verlinkt.</p> <p>Kann man aber auch nicht oft genug machen. Wie Ian Devlin so treffend sagte: <em>„The 11 in a11y stands 
for the number of times 
you have to tell developers 
that accessibility is important.“</em></p> <blockquote> <p>Wird nämlich nur der Attributname notiert, dann wird der Wert automatisch auf den leeren String gesetzt, eine explizite Angabe dieses Wertes ist also überflüssig</p> </blockquote> <p>Ich sehe immer noch Vorteile darin, polyglottes HTML (also XML-Syntax) zu schreiben. Also Attribute (auch boolesche) immer mit Wert. Und auf Groß-/Kleinschreibung achten: <code class="language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span></code></p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669874#m1669874 marctrix self@mhis.de http://mhis.de 2016-06-27T09:08:12Z 2016-06-27T09:08:12Z Lesetip: The web accessibility basics <p>Post Scriptum:</p> <p>Ja, Marco geht am Rande auf Farbenblindheit ein, auch auf Kontraste und Leseschwäche. Ich habe das gelesen, aber für die müsste es jeweils eine ähnlich lange Liste geben, wie dieser insbesondere für Blinde relevante Artikel. Aber der Hinweis auf das Buch von Jan und Kerstin ist natürlich alleine schon Gold wert! - Das sollte man wirklich kennen!</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669929#m1669929 kerstin 2016-06-28T06:29:21Z 2016-06-28T06:29:21Z Lesetip: The web accessibility basics <p>Hallo,</p> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p>Leider ist es damit aber nicht getan.</p> </blockquote> <p>Das sagt er aber ja auch nicht. :-)</p> <blockquote> <p>Er hat keine Probleme mit zu kleinen Schaltflächen, weil er - selbst wenn er einen Tremor hätte (starkes Zittern) - Funktionen mit Tasten auslöst und nicht mit einem Mausklick.</p> </blockquote> <p>Kann man allerdings auch schwer reliabel festlegen. Wie klein ist "zu klein"? Das kann für jeden was anderes bedeuten.</p> <blockquote> <p>Darum: solche Listen sind IMMER mit Vorsicht zu genießen und sie reichen niemals, um eine Seite barrierefrei zu bekommen. Nicht einmal die Basics sind für Gehörlose oder Menschen mit motorischen Einschränkungen erfüllt, wenn man alles beachtet, was dieser Artikel beschreibt. Für Blinde wird eine Seite grundsätzlich bedienbar, wenn man sich an das hält, was Marco schreibt. Aber Blinde sind eben auch besonders leicht zu unterstützen. Man kommt nicht in Konflikt mit Designvorgaben (Styleguides, Corporate Design usw) oder vielen anderen Vorgaben aus dem echten Leben.</p> </blockquote> <p>Natürlich muss man solche Listen immer vorsichtig betrachten. Ich denke aber, dass das außer Frage steht. Und mal ehrlich: Wenn sich alle daran halten würden, dann wäre ja schon sehr viel gewonnen.</p> <blockquote> <p>Die WCAG sind nicht umsonst so umfangreich. Es führt halt kein Weg um sie herum. Alles andere kann bestenfalls einen ersten Einstieg erleichtern - womit solche Artikel ihre Daseinsberechtigung haben, denn die WCAG sind schon aufgrund ihres Umfanges für viele Menschen abschreckend.</p> </blockquote> <p>Leider wird aber regelmäßig nicht so ganz richtig kolportiert, was die WCAG eigentlich sind. Die WCAG selber sind nur die normativen Texte. Ich hab die Recommendation nie gedruckt, dürfte aber 30 Seiten nicht übersteigen. Die Techniken und die Understanding-Dokumente sind nur Supporting Documents.</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669877#m1669877 Der Martin 2016-06-27T09:30:58Z 2016-06-27T09:30:58Z Lesetip: The web accessibility basics <p>Hallo,</p> <blockquote> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> </blockquote> <blockquote> <p>Sieht aus wie eine Todesanzeige, liest sich aber gut. Schönen Sonntag!</p> </blockquote> <p>Das ist das "Problem" - auf den meisten Webseiten muss man barrierefreiheit und Corporate Design, Responsivität und aktuelle technische Trends irgendwie unter einen Hut bringen.</p> </blockquote> <p>ja, darin liegt wohl die Kunst. Und dazu soll es nach Möglichkeit auch noch gut aussehen.</p> <blockquote> <p>Ich habe nichts gegen ein fehlendes Design.</p> </blockquote> <p>Ich schon. Design heißt ja nicht nur, Bilder und bunte Farben. Design ist auch nicht nur Typographie. Design ist das Gesamtkunstwerk - dazu gehören unter anderem die genannten Merkmale, aber auch Layout, Gliederung und Struktur, Bedienbarkeit und Funktionalität.</p> <p>Aber vermutlich war <em>Design</em> nur ein ungünstig gewählter Begriff.</p> <p>So long,<br>  Martin</p> <div class="signature">-- <br> Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.<br> - Douglas Adams, The Hitchhiker's Guide To The Galaxy </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669886#m1669886 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T10:19:43Z 2016-06-27T10:19:43Z Lesetip: The web accessibility basics <p>@@marctrix</p> <blockquote> <p>Das ist das "Problem" - auf den meisten Webseiten muss man barrierefreiheit und Corporate Design, Responsivität und aktuelle technische Trends irgendwie unter einen Hut bringen.</p> </blockquote> <p>Ich sehe nicht, wie sich da irgendwas davon in die Quere kommen sollte.</p> <blockquote> <p>Ich habe nichts gegen ein fehlendes Design.</p> </blockquote> <p>Gibt es sowas wie „fehlendes Design“? Ebenso wie „man nicht nicht kommunizieren kann“ (Paul Watzlawick), würde ich sagen, dass man nicht nicht designen kann.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669889#m1669889 pl 2016-06-27T10:30:10Z 2016-06-27T10:30:10Z Lesetip: The web accessibility basics <blockquote> <p>Ich habe nichts gegen ein fehlendes Design. Fefes Blog lese ich auch so gerne, wie es ist. Selbst der gute alte Lynx hat für mich einen auch optischen Charme. Aber da bin ich wohl die Ausnahme.</p> </blockquote> <p>Ne, biste nich. Gegen die große Masse an mobil gemachten Seiten, die bei einem einzigen Aufruf 250 Requests in die schöne bunte Welt des Internettes hecken ist der Lynx tatsächlich eine gute Alternative.</p> <p>Ich bin grad dabei, mir einen Reader (Link rein => Text raus) zu bauen, weil mir der Zuschnitt von gezielter Werbun langsam zu persönlich wird.</p> <div class="signature">-- <br> <a href="http://handwerkzeugs.de/weblog.html?show=19" rel="nofollow noopener noreferrer">Die EU als reaktionäres Gebilde</a> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669879#m1669879 marctrix self@mhis.de http://mhis.de 2016-06-27T09:42:15Z 2016-06-27T09:42:15Z Lesetip: The web accessibility basics <p>Hej Der Martin,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> </blockquote> <blockquote> <p>Sieht aus wie eine Todesanzeige, liest sich aber gut. Schönen Sonntag!</p> </blockquote> </blockquote> </blockquote> <blockquote> <blockquote> <p>Ich habe nichts gegen ein fehlendes Design.</p> </blockquote> </blockquote> <blockquote> <p>Aber vermutlich war <em>Design</em> nur ein ungünstig gewählter Begriff.</p> </blockquote> <p>Es war ein provkant gewählter Begriff. ;-></p> <p>Selbst <a href="https://blog.fefe.de/" rel="nofollow noopener noreferrer">fefes Blog</a> hat ja durchaus ein (bewusst minimalistisches) Design.</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669882#m1669882 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T10:03:37Z 2016-06-27T10:03:37Z Lesetip: The web accessibility basics <p>@@Der Martin</p> <blockquote> <p>Design ist das Gesamtkunstwerk</p> </blockquote> <p>Nei-en!! <a href="http://www.differencebetween.net/miscellaneous/difference-between-art-and-design/" rel="nofollow noopener noreferrer">Design ist <strong>nicht</strong> Kunst.</a></p> <blockquote> <p>dazu gehören unter anderem die genannten Merkmale, aber auch Layout, Gliederung und Struktur, Bedienbarkeit und Funktionalität.</p> </blockquote> <p>Eben.</p> <p><em>“Most people make the mistake of thinking design is what it looks like. People think it’s this veneer—that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. <strong>Design is how it works.</strong>”</em><br> —Steve Jobs</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669883#m1669883 marctrix self@mhis.de http://mhis.de 2016-06-27T10:08:18Z 2016-06-27T10:08:18Z Lesetip: The web accessibility basics <p>Hej Gunnar,</p> <blockquote> <blockquote> <p>dazu gehören unter anderem die genannten Merkmale, aber auch Layout, Gliederung und Struktur, Bedienbarkeit und Funktionalität.</p> </blockquote> <p>Eben.</p> <p><em>“Most people make the mistake of thinking design is what it looks like.</em> [...]</p> </blockquote> <p>Leider haben offenbar viele Menschen, die für das Aussehen von (virtuellen) Dingen <strong>verantwortlich sind</strong>, an dieser Stelle aufgehört zu lesen...</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669888#m1669888 Der Martin 2016-06-27T10:29:18Z 2016-06-27T10:29:18Z Lesetip: The web accessibility basics <p>Hallo,</p> <blockquote> <blockquote> <p>Design ist das Gesamtkunstwerk</p> </blockquote> <p>Nei-en!! <a href="http://www.differencebetween.net/miscellaneous/difference-between-art-and-design/" rel="nofollow noopener noreferrer">Design ist <strong>nicht</strong> Kunst.</a></p> </blockquote> <p>ach was? Einen Absatz weiter unten bestätigst du es wieder.</p> <blockquote> <blockquote> <p>dazu gehören unter anderem die genannten Merkmale, aber auch Layout, Gliederung und Struktur, Bedienbarkeit und Funktionalität.</p> </blockquote> <p>Eben.</p> </blockquote> <p>Eben. Also doch Kunst. Oder gehören diese Aspekte für dich nicht zu <em>Kunst</em>? Für mich schon.</p> <p>So long,<br>  Martin</p> <div class="signature">-- <br> Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.<br> - Douglas Adams, The Hitchhiker's Guide To The Galaxy </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669893#m1669893 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T11:38:27Z 2016-06-27T11:38:27Z Lesetip: The web accessibility basics <p>@@Der Martin</p> <blockquote> <blockquote> <blockquote> <p>dazu gehören unter anderem die genannten Merkmale, aber auch Layout, Gliederung und Struktur, Bedienbarkeit und Funktionalität.</p> </blockquote> </blockquote> <p>Oder gehören diese Aspekte für dich nicht zu <em>Kunst</em>?</p> </blockquote> <p>Nein. Bei Kunst geht es nicht um Bedienbarkeit und Funktionalität.</p> <p>Ein Künstler will sich ausdrücken und seine Person in sein Werk einfließen lassen.<br> Ein Designer wird sich zurücknehmen und das Produkt für den Nutzer gestalten.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669905#m1669905 pl 2016-06-27T16:36:33Z 2016-06-27T16:36:33Z Plain Text statt Werbung <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669894#m1669894 Der Martin 2016-06-27T12:07:31Z 2016-06-27T12:07:31Z Lesetip: The web accessibility basics <p>Hi,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>dazu gehören unter anderem die genannten Merkmale, aber auch Layout, Gliederung und Struktur, Bedienbarkeit und Funktionalität.</p> </blockquote> </blockquote> <p>Oder gehören diese Aspekte für dich nicht zu <em>Kunst</em>?</p> </blockquote> <p>Nein. Bei Kunst geht es nicht um Bedienbarkeit und Funktionalität.</p> </blockquote> <p>dann haben wir unterschiedliche Auffassungen von Kunst.</p> <p>Kunst ist für mich das Ausüben einer kreativen Tätigkeit, die eine gewisse Fertigkeit erfordert - das Wort Kunst leitet sich IMO von Können ab. Ob bei dieser Tätigkeit eher Ästhetik oder Zweckmäßigkeit im Vordergrund steht, ist für mein Verständnis von Kunst Nebensache. Auch so manches Handwerk betrachte ich als Kunst.</p> <blockquote> <p>Ein Künstler will sich ausdrücken und seine Person in sein Werk einfließen lassen.</p> </blockquote> <p>Ein Künstler will seine besonderen Fertigkeiten demonstrieren und damit etwas schaffen, was anderen gefällt oder nützt.</p> <blockquote> <p>Ein Designer wird sich zurücknehmen und das Produkt für den Nutzer gestalten.</p> </blockquote> <p>Sag das mal Modedesignern.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.<br> - Douglas Adams, The Hitchhiker's Guide To The Galaxy </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669896#m1669896 Tabellenkalk 2016-06-27T12:34:50Z 2016-06-27T12:34:50Z Lesetip: The web accessibility basics <p>Hallo,</p> <blockquote> <p>Sag das mal Modedesignern.</p> </blockquote> <p>Die machen ja auch keine Designs sondern Dessins...</p> <p>Gruß<br> Kalk</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669897#m1669897 Auge 2016-06-27T12:38:54Z 2016-06-27T12:38:54Z Lesetip: The web accessibility basics <p>Hallo</p> <blockquote> <p>… das Wort Kunst leitet sich IMO von Können ab.</p> </blockquote> <p>Logisch, sonst hieße es ja „Wunst“. <strong>*scnr*</strong></p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wo wir Mängel selbst aufdecken, kann sich kein Gegner einnisten.<br> Wolfgang Schneidewind <strong>*prust*</strong> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669898#m1669898 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T12:40:28Z 2016-06-27T12:40:28Z Lesetip: The web accessibility basics <p>@@Der Martin</p> <blockquote> <p>Kunst ist für mich das Ausüben einer kreativen Tätigkeit</p> </blockquote> <p>Oder deren Ergebnis.</p> <blockquote> <p>die eine gewisse Fertigkeit erfordert</p> </blockquote> <p>Das sicher. Wer nicht singen kann, wird mit seiner Gesangskunst kaum jemanden erfreuen. Und wird vom Schmied an den Baum gefesselt.</p> <blockquote> <p>Ob bei dieser Tätigkeit eher Ästhetik oder Zweckmäßigkeit im Vordergrund steht, ist für mein Verständnis von Kunst Nebensache.</p> </blockquote> <p>Was hat Kunst mit Zweckmäßigkeit zu tun?</p> <p>Was nicht heißen soll, dass Kunst nicht nützlich sein kann. Der Nutzen ist aber eher ideeller Natur.</p> <blockquote> <p>Auch so manches Handwerk betrachte ich als Kunst.</p> </blockquote> <p>Dann ist Programmieren für dich Kunst? Programmieren ist ja durchaus das Ausüben einer kreativen Tätigkeit, die eine gewisse Fertigkeit erfordert. Ist für mich aber keine Kunst.</p> <blockquote> <blockquote> <p>Ein Designer wird sich zurücknehmen und das Produkt für den Nutzer gestalten.</p> </blockquote> <p>Sag das mal Modedesignern.</p> </blockquote> <p>Die wissen das. Auf jeden Fall, wenn sie Mode für Leute machen und nicht für den Laufsteg.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669899#m1669899 Der Martin 2016-06-27T13:26:44Z 2016-06-27T13:26:44Z Lesetip: The web accessibility basics <p>Hallo,</p> <blockquote> <blockquote> <p>Kunst ist für mich das Ausüben einer kreativen Tätigkeit</p> </blockquote> <p>Oder deren Ergebnis.</p> </blockquote> <p>das geht jetzt in Richtung Wortklauberei, aber ... nein, deren Ergebnis ist das Kunst<strong>werk</strong>, während Kunst an sich für mich der Vorgang des Schaffens ist.</p> <blockquote> <blockquote> <p>Auch so manches Handwerk betrachte ich als Kunst.</p> </blockquote> <p>Dann ist Programmieren für dich Kunst?</p> </blockquote> <p>Selbstverständlich (aber nicht das bloße Umsetzen eines bereits vorhandenen Konzepts in Code). Oder ein Möbelstück schreinern - vom Entwurf bis zum fertigen Produkt. Oder sich ein leckeres Essen ausdenken und zubereiten.</p> <blockquote> <p>Programmieren ist ja durchaus das Ausüben einer kreativen Tätigkeit, die eine gewisse Fertigkeit erfordert. Ist für mich aber keine Kunst.</p> </blockquote> <p>Ich sagte ja schon: Wir haben wohl unterschiedliche Auffassungen des Kunstbegriffs.</p> <blockquote> <blockquote> <blockquote> <p>Ein Designer wird sich zurücknehmen und das Produkt für den Nutzer gestalten.</p> </blockquote> <p>Sag das mal Modedesignern.</p> </blockquote> <p>Die wissen das. Auf jeden Fall, wenn sie Mode für Leute machen und nicht für den Laufsteg.</p> </blockquote> <p>Wobei letztere aber in der Regel die bekannteren sind.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.<br> - Douglas Adams, The Hitchhiker's Guide To The Galaxy </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669941#m1669941 marctrix self@mhis.de http://mhis.de 2016-06-28T07:34:44Z 2016-06-28T07:34:44Z Lesetip: The web accessibility basics <p>Hej Der Martin,</p> <blockquote> <blockquote> <p>Programmieren ist ja durchaus das Ausüben einer kreativen Tätigkeit, die eine gewisse Fertigkeit erfordert. Ist für mich aber keine Kunst.</p> </blockquote> <p>Ich sagte ja schon: Wir haben wohl unterschiedliche Auffassungen des Kunstbegriffs.</p> </blockquote> <p>Ich wollte mich eigentlich nicht einmischen, aber Popcorn ist alle. Was ich an anderer Stelle mal @Gunnar Bittersmann gesagt habe, sage ich dir jetzt: wenn man eine eigene Auffassung davon hat, was ein Wort bedeutet, hört man auf, verstanden zu werden.</p> <p>Gunnar hat recht. ;-)</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669907#m1669907 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2016-06-27T17:30:54Z 2016-06-27T17:30:54Z Plain Text statt Werbung <p>Hallo pl,</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>Ebenso wie Struktur, Semantik und Komfort. Dein Ziel lässt sich bestimmt besser, schneller und einfacher umsetzen, indem man an den Browsereinstellungen spielt:</p> <p>JavaScript ausschalten, nur zwei Farben, keine Grafiken und noch einige Stellschrauben mehr lassen sich nach Bedarf kombinieren. In neueren Browsern gibt es zudem eine Leseansicht, die das sehr viel besser macht als dein „Tool“. (sinnvolles HTML vorausgesetzt)</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669908#m1669908 JürgenB 2016-06-27T17:32:04Z 2016-06-27T17:32:04Z Plain Text statt Werbung <p>Hallo,</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>und was passiert dann, bzw. wo kommt der Text raus?</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669919#m1669919 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T19:46:40Z 2016-06-27T19:46:40Z Plain Text statt Werbung <p>@@pl</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>Und was soll das?</p> <p>Wenn du den Text von jeglichem Markup befreist und in HTML ausgibst, hat er bei der Anzeige im Browser überhaupt keine Struktur mehr und ist ziemlich schlecht zu erfassen.</p> <p>Du möchtest wenigstens <code class="language-css"><span class="token property">white-space</span><span class="token punctuation">:</span> pre-wrap</code> für das Ausgabefeld setzen.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1670012#m1670012 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-28T20:28:42Z 2016-06-28T20:28:42Z Plain Text statt Werbung <p>@@pl</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>Wo du deine Seite hier zum Code-Review freigibst:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>UTf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre> <p>Viel Eifer hast du wohl nicht in diese Codezeile gesteckt. Groß-/Kleinschreibung per Zufallsprinzip?</p> <p>Auch hätte der Eifer eher kommen sollen. Die Angabe der Zeichencodierung muss in den ersten 1024 Bytes des Dokuments stehen. Das tut sie bei dir noch. Wenn aber noch Angaben dazukommen, kann sie da schnell rausfallen. Deshalb: Angabe der Zeichencodierung am besten als allererstes im <code>head</code>.</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>author<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Rolf Rost<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> </code></pre> <p>So wichtig bist du aber auch nicht als dass diese Angabe gleich doppelt vorhanden sein müsste.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>desk navcontainer_desk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>nav</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">'</span>navlist_desk<span class="token punctuation">'</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Modern Perl-Framework Next Generation<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>Startseite<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Schreiben Sie mir, ich freue mich über jede Rückmeldung<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/mail.html<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>Mail<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Volltextsuche über den Index und Inhalte dieser Website<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/find<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>Suche<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Ausgewählte Artikel und Anwendungen welche zu meinen Hobbies passen.<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/hobby.html<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>Hobby<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Eigentlich sollte das mein Blog werden. Aber soviel habe ich nun auch wieder nicht zu sagen.<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/blog<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>Blog<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Als Perlprogrammierer entwickelte ich in den Jahren 1997 bis heute ungezählte Webanwendungen und Perl-Scripts.<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/web<span class="token punctuation">"</span></span> <span class="token punctuation">></span></span>Web<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>nav</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> </code></pre> <p>Auch dieser Block mit identischem Inhalt ist doppelt vorhanden. Was soll das?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>address</span><span class="token punctuation">></span></span> Anbieter: nmq​rstx-18­@yahoo.de, die Seite verwendet funktionsbedingt einen Session-Cookie und ist Bestandteil meines nach modernen Aspekten in Perl entwickelten Frameworks. <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>address</span><span class="token punctuation">></span></span> </code></pre> <p>Vom Wahrheitsgehalt des Satzes abgesehen: er hat nichts in einem <code>address</code>-Element zu suchen.</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>desk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>footer_urls<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/framework.html<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Post-Modern Framework für Perl5, multidomain- und multiuserfähig<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Framework<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/web<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Als Perlprogrammierer entwickelte ich in den Jahren 1997 bis heute ungezählte Webanwendungen und Perl-Scripts.<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Web<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/demo<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Testen Sie hier einige von mir programmierte Webanwendungen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Demo's<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/geosun.html<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Die Anwendung ermittelt Ihren geografischen Standort und zeigt Sonnenaufgang/Sonnenuntergang<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Sunrise<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/jobs.heise.de<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Über jobs.heise.de RSS Feed publizierte IT-Stellenangebote<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Jobs<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/blog<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Eigentlich sollte das mein Blog werden. Aber soviel habe ich nun auch wieder nicht zu sagen.<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Blog<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/wetter.de<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Feed: Ein Service von www.wetter.com<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Wetter<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/eu.html<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Wer die Gegenwart verstehen will, sollte die richtigen Schlüsse aus der Geschichte ziehen<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Euro<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">display</span><span class="token punctuation">:</span>inline<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0.1em</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/irc.html<span class="token punctuation">"</span></span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Chat über Websocket, die innovative Technik!<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Chat<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> </code></pre> <p>Auch diesen Inhalt gibt es in identischer Form doppelt.</p> <p>Und warum Inline-Styles?</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669911#m1669911 pl 2016-06-27T17:53:39Z 2016-06-27T17:53:39Z Plain Text statt Werbung <blockquote> <p>Hallo pl,</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>Ebenso wie Struktur, Semantik und Komfort. Dein Ziel lässt sich bestimmt besser, schneller und einfacher umsetzen, indem man an den Browsereinstellungen spielt:</p> </blockquote> <p>Nein eben nicht für meine Zwecke, hab lang drüber nachgedacht, bestimmt länger als Du. Einzig mit den eingesetzten Modulen muss ich noch ein bischen spielen, die sind neu für mich.</p> <blockquote> <p>JavaScript ausschalten, nur zwei Farben, keine Grafiken und noch einige Stellschrauben mehr lassen sich nach Bedarf kombinieren. In neueren Browsern gibt es zudem eine Leseansicht, die das sehr viel besser macht als dein „Tool“. (sinnvolles HTML vorausgesetzt)</p> </blockquote> <p>Die Leseansicht verhindert nicht, dass eine Seite 250 Requests feuert.</p> <div class="signature">-- <br> <a href="http://handwerkzeugs.de/weblog.html?show=18" rel="nofollow noopener noreferrer">Der Brexit aus Marxistischer Sicht</a> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669910#m1669910 pl 2016-06-27T17:47:17Z 2016-06-27T17:47:44Z Plain Text statt Werbung <blockquote> <p>Hallo,</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>und was passiert dann, bzw. wo kommt der Text raus?</p> </blockquote> <p>bei http://berkemeier.eu wurde $path nicht erkannt.</p> <p>Jetzt hab ich $path ||= "/"; gesetzt und unterhalb des Forms kommt nun auch das erwartete Ergebnis.</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669912#m1669912 Christian Kruse https://wwwtech.de/about 2016-06-27T17:56:18Z 2016-06-27T17:56:18Z Plain Text statt Werbung <p>Hallo pl,</p> <blockquote> <blockquote> <p>JavaScript ausschalten, nur zwei Farben, keine Grafiken und noch einige Stellschrauben mehr lassen sich nach Bedarf kombinieren. In neueren Browsern gibt es zudem eine Leseansicht, die das sehr viel besser macht als dein „Tool“. (sinnvolles HTML vorausgesetzt)</p> </blockquote> <p>Die Leseansicht verhindert nicht, dass eine Seite 250 Requests feuert.</p> </blockquote> <p>Das ist möglich. Das ausschalten von JavaScript und das deaktivieren von Grafiken dagegen schon.</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669920#m1669920 pl 2016-06-27T20:09:15Z 2016-06-27T20:09:15Z Plain Text statt Werbung <blockquote> <p>@@pl</p> <blockquote> <p><a href="http://handwerkzeugs.de/reader.html" rel="nofollow noopener noreferrer">Link rein, Text raus</a></p> </blockquote> <p>Und was soll das?</p> <p>Wenn du den Text von jeglichem Markup befreist und in HTML ausgibst, hat er bei der Anzeige im Browser überhaupt keine Struktur mehr und ist ziemlich schlecht zu erfassen.</p> <p>Du möchtest wenigstens <code class="language-css"><span class="token property">white-space</span><span class="token punctuation">:</span> pre-wrap</code> für das Ausgabefeld setzen.</p> </blockquote> <p>Nein. Es gibt einen Grund gerade das NICHT zu machen (überlege selbst warum) und außerdem hab ich eine andere Lösung zur Verbesserung der Lesbarkeit.</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669921#m1669921 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-06-27T20:16:46Z 2016-06-27T20:16:46Z Plain Text statt Werbung <p>@@pl</p> <blockquote> <blockquote> <p>Du möchtest wenigstens <code class="language-css"><span class="token property">white-space</span><span class="token punctuation">:</span> pre-wrap</code> für das Ausgabefeld setzen.</p> </blockquote> <p>Nein. Es gibt einen Grund gerade das NICHT zu machen (überlege selbst warum)</p> </blockquote> <p>Da mir schon der Gedanke, sämtliches Markup zu entfernen (also alles, was zur sinnvollen Ausgabe des Textes verwendet werden kann – womit nicht nur Bildschirmausgabe gemeint ist), dermaßen unverständlich ist, wird sich mir deine Intention, alles hintereinanderzuquetschen, auch nicht erschließen.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”</em> —Stefan Tilkov<br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669924#m1669924 pl 2016-06-27T20:45:28Z 2016-06-27T20:45:28Z Plain Text statt Werbung <p>Idealerweise wird für sowas ein Proxy aufgesetzt der ICAP kann: Internet Content Adaption Protocol.</p> <p>Des Weiteren eine Konfigurationsdatei nach dem WPAD Standard (.pac) und eine Policy welche die Verwendung des Proxies vorab regelt.</p> <p>Alles Andere ist eh nur Spielerei ;)</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669933#m1669933 marctrix self@mhis.de http://mhis.de 2016-06-28T07:03:10Z 2016-06-28T07:03:10Z Lesetip: The web accessibility basics <p>Hej kerstin,</p> <blockquote> <blockquote> <p>Er hat keine Probleme mit zu kleinen Schaltflächen, weil er - selbst wenn er einen Tremor hätte (starkes Zittern) - Funktionen mit Tasten auslöst und nicht mit einem Mausklick.</p> </blockquote> <p>Kann man allerdings auch schwer reliabel festlegen. Wie klein ist "zu klein"? Das kann für jeden was anderes bedeuten.</p> </blockquote> <p>Hier geht es ja nicht um Testmethoden ;-)</p> <blockquote> <p>Natürlich muss man solche Listen immer vorsichtig betrachten. Ich denke aber, dass das außer Frage steht. Und mal ehrlich: Wenn sich alle daran halten würden, dann wäre ja schon sehr viel gewonnen.</p> </blockquote> <p>Das schon - dagegen habe ich wiederum nichts gesagt. ;-)</p> <p>Marco hat mit allem recht, was er da geschrieben hat. Ich habe nur darauf hingewiesen, dass die Liste stark die Bedürfnisse von Blinden Menschen in den Fokus rückt und andere Behinderungen weitgehend außen vor lässt.</p> <blockquote> <blockquote> <p>Die WCAG sind nicht umsonst so umfangreich. Es führt halt kein Weg um sie herum. Alles andere kann bestenfalls einen ersten Einstieg erleichtern - womit solche Artikel ihre Daseinsberechtigung haben, denn die WCAG sind schon aufgrund ihres Umfanges für viele Menschen abschreckend.</p> </blockquote> <p>Leider wird aber regelmäßig nicht so ganz richtig kolportiert, was die WCAG eigentlich sind. Die WCAG selber sind nur die normativen Texte. Ich hab die Recommendation nie gedruckt, dürfte aber 30 Seiten nicht übersteigen. Die Techniken und die Understanding-Dokumente sind nur Supporting Documents.</p> </blockquote> <p>Jetzt sag ich mal das böse Wort: so wie die BITV ;-)</p> <p>Es ist ja einer der zu Recht immer wieder (auch von mir) vorgebrachten Kritikpunkte an der BITV, dass die deutsche Verordnung zu viel Ermessensspielraum zum Beispiel bei der Gestaltung von Tests wie dem von BIK zulässt, WEIL ihr die erläuternden Dokumente fehlen.</p> <p>Die Macher vom BIK-Test können sich in ihrer Argumentation ja immer auf den Standpunkt stellen, dass Argumente gegen den Test nciht aus der BITV abgeleitet werden können. Ich habe diese Diskussionen ja miterlebt...</p> <p>Man muss die WCAG ja nicht komplett als Anfänger auf einmal lesen. Du hast das nicht zitiert, aber ich habe ja schon gesagt, dass solche Artikel wie der von Marco (gibt ja viele ähnliche) ihre Daseinsberechtigung haben, weil sie einen ersten einfachen Einstieg in die Welt der BF ermöglichen.</p> <p>Hoffen wir, dass er viele sensibilisiert für die Bedürfnisse von Menschen mit Behinderungen. Und im Übrigen ist er ja auch ein Plädoyer für semantisch sauberes, korrekt strukturiertes HTML!</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669937#m1669937 marctrix self@mhis.de http://mhis.de 2016-06-28T07:19:40Z 2016-06-28T07:19:40Z Lesetip: The web accessibility basics <p>Hej kerstin,</p> <blockquote> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p>Leider ist es damit aber nicht getan.</p> </blockquote> <p>Das sagt er aber ja auch nicht. :-)</p> </blockquote> <p>Die Gefahr ist aber, dass jemand das denken könnte. Menschen lieben einfache Handlungsanweisungen. Du wirst sicher auch ständig nach einer Checkliste für BF gefragt. Gibt es aber nicht. Insofern sind solche "Basics" immer gefährlich, weil sie dazu verleiten können, zu denken, man habe jetzt eine grundlegend barriefreie Webseite. Das gilt im vorliegenden Fall aber tatsächlich nur für Blinde und Bf ist eben mehr.</p> <p>Man kann alles machen, was Marco geschrieben hat und trotzdem eine komplett unzugängliche und unbenutzbare Webseite für Sehende bauen...</p> <p>Ich fände es schön, wenn Marcos Artikel neugierig macht auf BF und die Leute dann das Buch von Frau Probiesch und Herrn Hellbusch kaufen. Dann hat sich der Artikel IMHO gelohnt!</p> <p>Du sagst ja selber immer (zu Recht!): es geht nicht darum irgendwelche Listen abzuarbeiten. Man muss die Bedürfnisse von Menschen mit Behinderungen verstehen, wenn man Webseiten für alle bauen möchte!</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669939#m1669939 kerstin 2016-06-28T07:26:25Z 2016-06-28T07:26:25Z Lesetip: The web accessibility basics <blockquote> <blockquote> <blockquote> <p>Er hat keine Probleme mit zu kleinen Schaltflächen, weil er - selbst wenn er einen Tremor hätte (starkes Zittern) - Funktionen mit Tasten auslöst und nicht mit einem Mausklick.</p> </blockquote> <p>Kann man allerdings auch schwer reliabel festlegen. Wie klein ist "zu klein"? Das kann für jeden was anderes bedeuten.</p> </blockquote> <p>Hier geht es ja nicht um Testmethoden ;-)</p> </blockquote> <p>Spielt aber auch bei Umsetzung eine Rolle.</p> <blockquote> <blockquote> <blockquote> <p>Die WCAG sind nicht umsonst so umfangreich. Es führt halt kein Weg um sie herum. Alles andere kann bestenfalls einen ersten Einstieg erleichtern - womit solche Artikel ihre Daseinsberechtigung haben, denn die WCAG sind schon aufgrund ihres Umfanges für viele Menschen abschreckend.</p> </blockquote> <p>Leider wird aber regelmäßig nicht so ganz richtig kolportiert, was die WCAG eigentlich sind. Die WCAG selber sind nur die normativen Texte. Ich hab die Recommendation nie gedruckt, dürfte aber 30 Seiten nicht übersteigen. Die Techniken und die Understanding-Dokumente sind nur Supporting Documents.</p> </blockquote> <p>Jetzt sag ich mal das böse Wort: so wie die BITV ;-)</p> </blockquote> <p>Jehova?! ;-) Da wollte ich gar nicht von anfangen.</p> <p>Generell ist diese ganze Sache mit dem angeblichen Umfang der WCAG ein ziemliches Missverständnis.</p> <p>Mit dem Umfang von 30 gedruckten Seiten lag ich übrigens gar nicht so falsch - gerade mal geschaut. Es sind 28 Seiten und das schon inkl. Einleitung und Anhang B.</p> <blockquote> <p>Du hast das nicht zitiert, aber ich habe ja schon gesagt, dass solche Artikel wie der von Marco (gibt ja viele ähnliche) ihre Daseinsberechtigung haben, weil sie einen ersten einfachen Einstieg in die Welt der BF ermöglichen.</p> </blockquote> <p>Dann sind wir uns aber einig.</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669950#m1669950 kerstin 2016-06-28T08:00:29Z 2016-06-28T08:00:29Z Lesetip: The web accessibility basics <blockquote> <blockquote> <blockquote> <blockquote> <p>Marco Zehe hat Grundlegendes zusammengeschrieben: <a href="https://www.marcozehe.de/2015/12/14/the-web-accessibility-basics/" rel="nofollow noopener noreferrer">The web accessibility basics</a></p> </blockquote> <p>Leider ist es damit aber nicht getan.</p> </blockquote> <p>Das sagt er aber ja auch nicht. :-)</p> </blockquote> <p>Die Gefahr ist aber, dass jemand das denken könnte. Menschen lieben einfache Handlungsanweisungen. Du wirst sicher auch ständig nach einer Checkliste für BF gefragt. Gibt es aber nicht. Insofern sind solche "Basics" immer gefährlich, weil sie dazu verleiten können, zu denken, man habe jetzt eine grundlegend barriefreie Webseite. Das gilt im vorliegenden Fall aber tatsächlich nur für Blinde und Bf ist eben mehr.</p> </blockquote> <p>Es sind schon nicht nur Aspekte der Barrierefreiheit für Blinde dabei. Ich finde aber auch, dass wenn es um Ergänzungen geht hier nicht der richtige Ort ist, sondern im Kommentarbereich des Blogposts selber. Da ja auch dort am Ende steht: "and if there is something I missed that you think should belong in this collection, feel free to also let me know, and I’ll add it!"</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669942#m1669942 marctrix self@mhis.de http://mhis.de 2016-06-28T07:42:30Z 2016-06-28T07:42:30Z Lesetip: The web accessibility basics <p>Hej kerstin,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Er hat keine Probleme mit zu kleinen Schaltflächen, weil er - selbst wenn er einen Tremor hätte (starkes Zittern) - Funktionen mit Tasten auslöst und nicht mit einem Mausklick.</p> </blockquote> <p>Kann man allerdings auch schwer reliabel festlegen. Wie klein ist "zu klein"? Das kann für jeden was anderes bedeuten.</p> </blockquote> <p>Hier geht es ja nicht um Testmethoden ;-)</p> </blockquote> <p>Spielt aber auch bei Umsetzung eine Rolle.</p> </blockquote> <p>In einem Artikel mit dem Grundtenor "Hey Leute, wodrauf ihr mal achten solltet" wäre ein Hinweis auf große Buttons aber möglich gewesen, ohne gleich auf ergonomische Studien und nachmessbare Verfahren einzugehen... ;-)</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Die WCAG sind nicht umsonst so umfangreich. Es führt halt kein Weg um sie herum. Alles andere kann bestenfalls einen ersten Einstieg erleichtern - womit solche Artikel ihre Daseinsberechtigung haben, denn die WCAG sind schon aufgrund ihres Umfanges für viele Menschen abschreckend.</p> </blockquote> <p>Leider wird aber regelmäßig nicht so ganz richtig kolportiert, was die WCAG eigentlich sind. Die WCAG selber sind nur die normativen Texte. Ich hab die Recommendation nie gedruckt, dürfte aber 30 Seiten nicht übersteigen. Die Techniken und die Understanding-Dokumente sind nur Supporting Documents.</p> </blockquote> <p>Jetzt sag ich mal das böse Wort: so wie die BITV ;-)</p> </blockquote> <p>Jehova?! ;-) Da wollte ich gar nicht von anfangen.</p> </blockquote> <p>Ging mir nur um den Umfang...</p> <blockquote> <p>Generell ist diese ganze Sache mit dem angeblichen Umfang der WCAG ein ziemliches Missverständnis.</p> <p>Mit dem Umfang von 30 gedruckten Seiten lag ich übrigens gar nicht so falsch - gerade mal geschaut. Es sind 28 Seiten und das schon inkl. Einleitung und Anhang B.</p> </blockquote> <p>Macht auf jeden Fall mal Sinn darauf hinzuweisen, dass das eigentliche Dokument nicht mehrere hundert Seiten umfasst. Aber ehrlich gesagt, obwohl ich bereits seit der WCAG 1 dabei bin: ohne die erläuternden Dokumente hätte ich manches in der WCAG 2.0 nicht begriffen. Allein zu Wissen, was assistive Technologien sind, gelingt wohl kaum, wenn man von BF noch nichts gehört hat und sich nur die WCAG 2.0 durchliest...</p> <p>Gruß,</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669954#m1669954 Der Martin 2016-06-28T08:08:13Z 2016-06-28T08:08:13Z Lesetip: The web accessibility basics <p>Hallo,</p> <blockquote> <blockquote> <p>Ich sagte ja schon: Wir haben wohl unterschiedliche Auffassungen des Kunstbegriffs.</p> </blockquote> <p>Ich wollte mich eigentlich nicht einmischen, aber Popcorn ist alle.</p> </blockquote> <p>*g*</p> <blockquote> <p>Was ich an anderer Stelle mal @Gunnar Bittersmann gesagt habe, sage ich dir jetzt: wenn man eine eigene Auffassung davon hat, was ein Wort bedeutet, hört man auf, verstanden zu werden.</p> </blockquote> <p>Ja. Das passiert aber leider oft im Alltag.</p> <blockquote> <p>Gunnar hat recht. ;-)</p> </blockquote> <p>Aber nicht als einziger. Im Gegensatz zur Fachsprache gibt es in der Alltagssprache oft kein eindeutiges "Richtig" oder "Falsch". Deswegen missverstehen die Leute einander ja so häufig.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.<br> - Douglas Adams, The Hitchhiker's Guide To The Galaxy </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669968#m1669968 marctrix self@mhis.de http://mhis.de 2016-06-28T11:06:15Z 2016-06-28T11:06:15Z Lesetip: The web accessibility basics <p>Hej kerstin,</p> <blockquote> <p>Es sind schon nicht nur Aspekte der Barrierefreiheit für Blinde dabei.</p> </blockquote> <p>Ich bin auch auf einige eingegangen. Ich bleibe aber dabei, dass in dem Blogpost die Belange von blinden Menschen schwerpunktmäßig behandelt werden (was ja auch ok ist, es sollte nur klar gemacht werden).</p> <blockquote> <p>Ich finde aber auch, dass wenn es um Ergänzungen geht hier nicht der richtige Ort ist, sondern im Kommentarbereich des Blogposts selber.</p> </blockquote> <p>Es geht mir gar nicht darum zu ergänzen, sondern nur darum auf den obigen Punkt hinzuweisen...</p> <blockquote> <p>Da ja auch dort am Ende steht: "and if there is something I missed that you think should belong in this collection, feel free to also let me know, and I’ll add it!"</p> </blockquote> <p>Habe ich auch überlegt. Aber wenn man den Text weiter ergänzt (er ist mit den verlinkten Inhalten und den Kommentaren vermutlich schon fast so lang wie die WCAG), ist die Intention die wichtigsten Aspekte der BF kurz zusammenzufassen auch futsch.</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1669966#m1669966 marctrix self@mhis.de http://mhis.de 2016-06-28T10:42:26Z 2016-06-28T10:42:26Z Lesetip: The web accessibility basics <p>Hej Der Martin,</p> <blockquote> <blockquote> <p>Was ich an anderer Stelle mal @Gunnar Bittersmann gesagt habe, sage ich dir jetzt: wenn man eine eigene Auffassung davon hat, was ein Wort bedeutet, hört man auf, verstanden zu werden.</p> </blockquote> <p>Ja. Das passiert aber leider oft im Alltag.</p> </blockquote> <p>In Chats oder Forenbeiträgen ist es zugegebenermaßen zusätzlich schwierig. Ist ja auch kein Angriff, jedenfalls war es nicht als solcher gemeint...</p> <blockquote> <blockquote> <p>Gunnar hat recht. ;-)</p> </blockquote> <p>Aber nicht als einziger. Im Gegensatz zur Fachsprache gibt es in der Alltagssprache oft kein eindeutiges "Richtig" oder "Falsch". Deswegen missverstehen die Leute einander ja so häufig.</p> </blockquote> <p>Auch wieder wahr!</p> <p>Marc</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1670843#m1670843 Felix Riesterer http://felix-riesterer.de 2016-07-10T08:42:40Z 2016-07-10T08:42:40Z Developer's guide to accessibility mechanics <p>Lieber Gunnar,</p> <blockquote> <p>Und ansehen, wie Léonie Watson auch für Blinde benutzbare <em>toggle tips</em> und <em>tab panels</em> baut: <a href="http://de.slideshare.net/LeonieWatson/developers-guide-to-accessibility-mechanics-2016" rel="nofollow noopener noreferrer">Developer's guide to accessibility mechanics</a>.</p> </blockquote> <p>aha, und für Links (lies "Hyperlinks") verwendet sie dann kein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>link<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span></code>, sondern <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>link<span class="token punctuation">"</span></span> <span class="token attr-name">data-link</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://tink.uk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Tink UK<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span></code>, welches sie dann mit JavaScript und allerlei Attributen anreichert. Warum nimmt sie nicht das, was in HTML bereits dafür vorgesehen ist? Warum baut sie das aufwendig nach?</p> <p>Da will ich dann von ihr überhaupt nicht mehr wissen, wie sie Tabs realisiert. Egal, ob die besonders zugänglich sind, oder nicht.</p> <p>Und darauf hast Du nun verlinkt. Findest Du das gut? Ausgerechnet Du, der Du doch (mit Recht!) auf semantisches HTML pochst und <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span></code> als "von Natur aus interaktiv" bezeichnest?</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1670871#m1670871 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-07-10T11:20:28Z 2016-07-10T11:21:10Z Developer's guide to accessibility mechanics <p>@@Felix Riesterer</p> <blockquote> <p>aha, und für Links (lies "Hyperlinks") verwendet sie dann kein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>link<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span></code>, sondern <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>link<span class="token punctuation">"</span></span> <span class="token attr-name">data-link</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://tink.uk<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Tink UK<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span></code>, welches sie dann mit JavaScript und allerlei Attributen anreichert. Warum nimmt sie nicht das, was in HTML bereits dafür vorgesehen ist? Warum baut sie das aufwendig nach?</p> </blockquote> <p>Um eben zu zeigen, wie aufwendig das wäre. Um zu sagen, dass man genau das nicht machen sollte, sondern das native <code>a</code>-Element verwenden.</p> <p>Dazu bedarf es wohl keiner Extra-Folie während des Vortrags.</p> <p>Ja, ich hatte (unschwer zu erkennen) Vortragsfolien verlinkt. Das sollte man im Kopf haben; die Aufarbeitung des Inhalts für andere Präsentationsformen sähe gewiss anders aus.</p> <blockquote> <p>Da will ich dann von ihr überhaupt nicht mehr wissen, wie sie Tabs realisiert. Egal, ob die besonders zugänglich sind, oder nicht.</p> </blockquote> <p>Klar, mit Ignoranz kommt man am besten durchs Leben.</p> <p>LLAP </p> <div class="signature">-- <br> <em>“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.”</em> —Vitaly Friedman in <a href="https://www.smashingmagazine.com/2016/06/inclusive-design-patterns/" rel="nofollow noopener noreferrer">Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”</a><br> <em><a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: <code>sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|</code></em> </div> https://forum.selfhtml.org/self/2016/jun/26/lesetip-the-web-accessibility-basics/1670877#m1670877 Felix Riesterer http://felix-riesterer.de 2016-07-10T12:20:15Z 2016-07-10T12:20:15Z Developer's guide to accessibility mechanics <p>Lieber Gunnar,</p> <blockquote> <p>Klar, mit Ignoranz kommt man am besten durchs Leben.</p> </blockquote> <p>schon vergessen? (<a href="https://forum.selfhtml.org/m1658363" rel="noopener noreferrer">Erinnerung</a>)</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p>