barrierefreie SEO sind erfolgreich

Tobias vom Blogging Magazin veröffentlichte einen Artikel zum Thema: SEO und barrierefrei. Ich möchte mich an diese Diskussion anhängen und erklären wieso barrierefreies WebDesign keine sozialarbeiterische Tat, sondern wirtschaftliche Notwendigkeit für jeden ist.

Wer auch in Jahren noch Vorne mit dabei sein will bei den Suchmaschinen wird nicht umhin kommen sich mit der Zugänglichkeit- accessibility- auseinanderzusetzen. Auch und grade eben die SEO.

Tobias beschreibt dabei den Begriff barrierefrei so:

……Begriff Barrierefreiheit erläutern. Im Internet versteht man darunter Websites bzw. die darauf enthaltenen Informationen, die für eingeschränkte und uneingeschränkte Menschen gleichermaßen zugänglich sind.

Diese Beschreibung reduziert den Begriff “barrierefrei” zumindest für das WWW.

Accessibility

Als die Diskussionen und die Möglichkeit für zugängliche (accessible) Websites immer klarer wurden war fast zeitgleich auch die Politik im Zugzwang für Menschen mit Behinderungen nutzbare Webauftritte zu gestalten.

Barrierefreies WebDesign war dann das Zauberwort. Die Webseiten, die zum Thema Autoritäten sind, weil deren Inhalt einfach wirklich sehr gut ist, nennen sich auch barrierefreies WebDesign und bedienen fast alle den Aspekt der Zugänglichkeit einer Webseite für Menschen mit Behinderungen.

So wurde barrierefreies WebDesign im deutschsprachigen Raum bekannt. Was anfangs der Bekanntheit gute Dienste tat wird jetzt nach und nach zum Bumerang.

Wie kann der Begriff “barrierefrei” zum Bumerang werden

Weil er in unseren Köpfen Menschen mit Behinderungen erzeugt. Hören wir oder lesen wir barrierefrei, dann denken wir an Menschen mit Mobilitätshilfen wie Rollstuhl oder haben Seheingeschränkte Menschen vor uns.

Sofort kommt dann von vielen zukünftigen Website Besitzern: Die sind nicht meine Zielgruppe!

1. Ist dies oftmals falsch, denn auch der Mann im Rollstuhl kann für seine Kids online ein Fahrrad kaufen. Oder die blinde Mutter kann für ihre Kids bei Ebay Ski ersteigern wollen.

2. Ist für viele Entscheider barrierefreies WebDesign sowas wie ein sozialarbeiterisches Engagement der Firma.

Dazu kommt, dass wirklich viele “Herzeige barrierefreie Webseiten” einfach langweilig aussehen.

Statt barrierefrei “accessibility” und der SEO der Zukunft muß zugreifen

Der Marktführer Google schreibt:

Das Ziel von Google besteht darin, die Informationen der Welt zu organisieren und allgemein nutzbar und zugänglich zu machen.Corporate Google

Nimmt man den englischen Begriff der auf Deutsch “Zugänglichkeit” bedeutet als das vordergründige Merkmal von barrierefreiem WebDesign dann muß jeder SEO hellhörig werden, weil er sonst Morgen nicht mehr mit dabei ist.

wo profitiert der SEO von barrierefreiem WebDesign

Plattformunabhängigkeit: ob PDA, ob das Betriebssystem X oder Z oder Apple, ob der kleinste Monitor oder ein 30 Zoller, der User kann die Website benutzen. Kann der User eine Website benutzen bleibt er auf dieser. Kann er dies nicht verläßt er die schneller als einen Seo lieb ist und Google hat das Patent zur Traffic Messung sicher nicht aus Spaß.

Semantik: Google mag semantisch korrekte HTML Auszeichnungen. Es ist wichtig für die Onpage Optimierung, ob die Überschrift mit h1 oder h6 ausgezeichnet ist und als SEO sollte man den Unterschied zwischen der Verwendung eines “b” oder “strong” wissen. Google weiß ihn auch.

Semantische Suche ist sicherlich die Zukunft. Als SEO sollte man Semantik verstehen und auch inhaltlich nutzen können. Tools sind wunderbar – aber ersetzen nicht immer den oft kruden Verstand eines Menschen. Was gehört semantisch korrekt zu diesem oder jenem Inhalt? – Dies bringt den Platz an der Sonne beim Marktführer und den Platz im Herzen der Suchenden, die gerne eine Webseite bookmarken wo sie finden, statt suchen müssen.

Inhalte für alle zugänglich machen: Ja Google ist technisch wunderbar, bald kann es vielleicht sogar wirklich Flash komplett spidern. Bis dahin mag es Seo technisch klug sein, nicht nur einen Podcast anzubieten, sondern den Inhalt auch nachlesbar und Bilder gut mit “alt” Texten zu versorgen damit sich Googlebot auskennt – und der Seheingeschränkte oder Gehörlose Nutzer profitiert gleich mit.

Navigation: Heute noch graut jeden SEO, wenn er Links mit JS Scripten versehen sieht und motorisch eingeschränkte Nutzer, graut es genauso.

Surf mal nur mit einem kleinen Notepad auf so mancher Seite und man versteht mich. Hat man nur die Tasten gibt man bei vielen auf.

Klar mag jetzt der SEO sagen, vordergründig ist dies nicht mein Job, doch man fühlt sich doch wie Sysiphos, wenn man per SUMA Besucher auf eine Webseite schaufelt, die mit einer Absprungrate von 90% aufwartet.

Praxisbeispiel: Breadcrumbs – die Brotkrummen Navigation, erkennbar oft an den Worten “Sie sind hier:”. Der SEO freut sich über die interne Verlinkung der User an der Zugänglichkeit der Seite.

Landigpages:Inhalte klar und einfach aufbereiten. Verführen und kurz und bündig, das bieten was der Surfer sucht und finden mag. Einfache Sprache mag barrierefreies WebDesign – nun besser kann es sich da nicht mehr treffen, oder?

Formulare: Sollen die Besucher zu Kunden werden und kaufen, oder per E-Mail Kontakt aufnehmen und der SEO arbeitet gut, dann muß er darauf achten, dass die Leute, die per Suchmaschine kommen auch wirklich dies dann tun können. Naja zumindest ich verstehe unter SEO nicht nur Linkbuilding, sondern wirklich gute onpage Optimierung und Formulare, die abschrecken halten keinen Kunden.

Strikte Trennung von Code und Layout: Da streiten sich vermutlich noch die nächsten Jahrzehnte die Leut, weil es eben Websites gibt, die mit absolut kaputtem HTML gut ranken. Logisch funktioniert dies, bloß: Mit einem Trabi komm ich auch von A nach B, doch mit einem modernen Auto aus dem Jahr 2008 geht dies komfortabler und leichter.

finanzielle Gründe für und wider barrierefreies WebDesign

Strikte Trennung von Code und Layout macht das notwendige Anpassen eines Designs an modernen Standards leichter und kostengünstiger. Heute getrennt und in 2 Jahren ganz leicht ein völlig neues Design.

Viele WebDesigner verlangen für barrierefreies WebDesign sehr viel mehr – dass es oft dann nicht geliefert wird ist wieder eine andere Sache.

Literatur:

1. Ausnahmsweise verlink ich mal auf Wikipedia – einfach weil diese Seite derzeit eine für mich gute Zusammenfassung bietet: Barrierefreies WebDesign.
2. barrierefrei und zugänglich.
3. Sistrix Semantik der Überschriften.
4. Semantische Suche und Seo.
5. Keine Semantik in der Google Suche, vor allem der Kommentar ist verdammt gut.
6. Wo sucht der Mensch .
7. Landingpages.
8. HTML Tags visualisiert, lustvoll und hilfreich diese Aktion.
9. Googles Patent Traffic.

aria-required ivalid 

WordPress 2.7 gestaltet die Kommentare komplett um. Mancher mag dies mancher nicht, doch WP 2.7 bringt auch mehr Barrierefreiheit in den Formularen. Zumindest wird dies versucht. . Durch den sehr mutigen Schritt barrierefrei zu werden wird gleichzeitig das XHTML invalid. Die Mühlen des W3 Concortiums mahlen sehr langsam und neue Technologie, die sehr hilfreich ist erzeugt daher Fehler im Markup.

Ich bringe hier die Kommentarform des neuen WP 2.7 und erkläre anhand dieser die neuen und auch die alten barrierefreien Teile davon. Ich erkläre was wieso einen Fehler beim XHTML Validator erzeugt.

Somit kann sich dann jeder entscheiden was wichtiger ist:konformes XHTML oder die neuen hilfreichen Teile.

Man kann diese Teile logischerweise nicht nur für WordPress Formulare verwenden.

Hier ist viel Code in diesem Artikel. Wer kein WP Theme Entwickler ist aber dennoch neugierig. Kann die Code Teile überspringen und den Rest lesen. Interessant ist es allemal.

Die Kommentar Form im neuen WordPress 2.7

 
< form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<!--wenn jemand bei dir eingeloggt ist-->
< ?php if ( $user_ID ) : ? >
 
<p>Hallo:<a href="< ?php echo get_option('siteurl'); ?>/wp-admin/profile.php">< ?php echo $user_identity; ? ></a>. <a href="< ?php echo wp_logout_url(get_permalink()); ? >" title="Log out of this account">Log out &raquo;</a></p>
 
<?php else : ?>
<!--wenn ein Gast kommentiert-->
<p><input type="text" name="author" id="author" value="< ?php echo $comment_author; ? >" size="22" tabindex="1" < ?php if ($req) echo "aria-required='true'"; ? > />
<label for="author"><small>Name < ?php if ($req) echo "(required)"; ? ></small></label></p>
 
<p><input type="text" name="email" id="email" value="< ?php echo $comment_author_email; ? >" size="22" tabindex="2" < ?php if ($req) echo "aria-required='true'"; ? > />
<label for="email"><small>E-Mail (wird niemals ver&ouml;ffentlicht) < ?php if ($req) echo "(required)"; ? ></small></label></p>
 
<p><input type="text" name="url" id="url" value="< ?php echo $comment_author_url; ? >" size="22" tabindex="3" />
<label for="url"><small>Website</small></label></p>
 
< ?php endif; ? >
 
<!--<p><small><strong>XHTML:</strong>Du kannst diese HTML Tags verwenden: <code>< ?php echo allowed_tags(); ? ></code></small></p>-->
 
<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>
 
<p><input name="submit" type="submit" id="submit" tabindex="5" value="senden" />
< ?php comment_id_fields(); ?><!--das braucht WP um den Kommentar zuordnen zu koennen-nicht loeschen-->
</p>
 
<!--das ist wichtig antispam plugins und andere  nehmen das um sich hier einzuklinken-->
< ?php do_action('comment_form', $post->ID); ? >
</form>

Der neue barrierefreie Teil in dieser Form:

WP 2.7 fragt ab, ob etwas required – also absolut nötig ist und wenn dem so ist, dann gib aria-required ist wahr ( true) zurück.

<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />

Wozu ist dieses aria-required da

ARIA ist eine Abkürzung für: Accessible Rich Internet Applications – MDC – sinngemäß übersetzt:Zugängliche, funktionsreiche Webanwendungen.

Aria-required ist ein Attribut, das es einem ermöglicht diese zugänglichen, nützlichen Dinge zu verwenden ohne die nötigen Steuerungsanwendungen programmieren zu müssen. Es gibt viele solcher Attribute.

Screenreader und ARIA

Nutzt jemand einen Screenreader, dann sagt einem der, dass dieses Feld ausgefüllt werden muß ohne dass man extra wo einen Hinweis dafür sichtbar machen muß.

Jetzt fragen sicher einige: Wozu, es steht ja eh dabei, dass man dies ausfüllen soll. Korrekt, das tut es, weil man ja auch die Sehenden davon informiert, doch für Screenreader Nutzer wird es um etliches leichter.

das Problem von invalidem XHTML und ARIA

Es gibt ganz viele automatische Tools, die die Barrierefreiheit einer Webseite erforschen. Hat man invalides XHTML fliegt man bereits bei der Grundprüfung solch automatischer Tools raus. Der Laie hat keine Ahnung wieso und sieht nur:Ah die sind nicht barrierefrei, weil invalides XHTML.

Solch automatische Tools werden von vielen Webseiten verwendet, die barrierefreie Webseiten zeigen. Sogenannte Show Case Webseiten. Jetzt hat der Webseitbesitzer eine barrierefreie Webseite nach modernstem Standard und wird dort eben deshalb nicht gezeigt.

Die Langsamkeit des W3C ist dafür verantwortlich, die zwar auch die Zugänglichkeitskriterien standardisieren, aber offenbar weiß bei denen die Linke nicht was die Rechte tut .

tabindex und barrierefrei

Es gibt viele, die nicht mit der Maus navigieren können. Entweder weil es körperliche oder technische Einschränkungen gibt- als Stichwort:mit dem Laptop unterwegs.

Tabindex sollte aufsteigend sein und so in einem Formular angegeben werden, dass man sinnvoll durch die Felder “tabben” kann.

WP 2.7 Kommentarform mit fieldsets aufgebaut

Baut man die Kommentarform mithilfe vom “fieldsets” auf, kann man sowohl für sehende wie seheingeschränkte Personen eine gut barrierefreie Form anbieten. In dem folgenden Beispiel verzichtete ich auf das ARIA Attribut. Wer es nutzen mag kann es ja einbauen. Wie dies geht sieht man im 1.Code Beispiel auf dieser Seite.

So sieht die Kommentarform von WebDesign-in.de derzeit im template aus:

Achtung: Nicht kopieren!- da ich mein Codeconverter Programm sonst nicht funktioniert, mußte ich bei den PHP Angaben ein Leerzeichen einführen – tut mir leid dies kann ich derzeit nicht anders machen.

 < form action="< ?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
  <fieldset class="comment" id="comments"><legend>Lass uns dr&uuml;ber reden</legend>
    <fieldset><legend>zum Thema</legend>
      <label class="labelcomm" for="comment"><abbr title="Keine Beleidigungen, Link im Kommentar und der Kommentar wird moderiert, ein Name ist ein Name und kein Moneykeywort - ich l&ouml;sche da die URl raus-Danke f&uuml;rs Verst&auml;ndnis">Regeln</abbr><!--[if lte IE 6]><span class="abbr" title="Keine Beleidigungen, Link im Kommentar und der Kommentar wird moderiert, ein Name ist ein Name und kein Moneykeywort - ich l&ouml;sche da die URl raus -Danke f&uuml;rs Verst&auml;ndnis">Regeln</span><![endif]--> </label>
        <textarea  name="comment" id="comment" cols="60" rows="10" tabindex="1"></textarea>
    </fieldset>
    < ?php if ( $user_ID ) : ? >
      < ?php _e('Hi!','mtsmagacine');? >
      <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php">
        < ?php echo $user_identity; ? ></a>.
      <a href="< ?php echo wp_logout_url(get_permalink()); ? >" title="< ?php _e('Log out','mtsmagacine') ? >">   
        < ?php _e('Log out','mtsmagacine') ? >
        &raquo;</a>
 
    <?php else : ?>
     <fieldset><legend>< ?php _e('Name and Mail are required','mtsmagacine');? ></legend>
      <label for="email" class="email">< ?php _e('Mail','mtsmagacine');? >< ?php if ($req) _e('(required)','mtsmagacine'); ? >&#42;<br />
      <input type="text" name="email" id="email" value="< ?php echo $comment_author_email; ? >" size="32" tabindex="3" /><br />&#42;< ?php _e('(will not be published)','mtsmagacine'); ? >
      </label>
      <label for="author" class="author">< ?php _e('Name','mtsmagacine');? >< ?php if ($req) _e('(required)','mtsmagacine'); ? > <br />
      <input type="text" name="author" id="author" value="< ?php echo $comment_author; ? >" size="32" tabindex="2" />
      </label>
      <label for="url" class="url"> < ?php _e('Website','mtsmagacine');? ><br />
      <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="32" tabindex="4" />
      </label>
    </fieldset>
    < ?php endif; ? >
 
   < ?php do_action('comment_form', $post->ID); ? >
      <input name="submit" type="submit" id="submit" tabindex="6" value="senden" />
      < ?php comment_id_fields(); ? >
  </fieldset></form>

Literatur und weiterführende Links

• Erklärung von ARIA in deutscher Sprache.
• DEV Opera hier wird erklärt worauf zu achten ist.
• Eine Diskussion des Accessibility Media Stammtisches .
• Diskussion bei W3C.

Grüß Dich André,

beim Kaffee, gemütlich Daheim, las ich die online Ausgabe Deines Buches². Unsortierte Gedanken blieben hängen, machen neugierig. Gedanken zu tauschen ist ein ureigener Trieb in uns Menschen behaupte ich. Womöglich ist dies auch der Urgedanke der freien Information. Du hast diesen Austausch mit Deinem Buch begonnen und ich geselle mich dazu.

Quergelesen habe ich Dein Buch erstmal. Der Begriff ‘querlesen’ ist vielen bereits unbekannt, daher nenne ich dies ab jetzt ‘gescannt’ habe ich den Text.

Mal hier, mal da an Worten, Begrifflichkeiten hängen geblieben. Oft verlockte mich ein Satz in ganz zu lesen, dann wiederum mittendrin abzubrechen, weil sich eigene Gedanken einstellten, die die Augen vom Text loseisten und irgendwohin blicken ließen.

Unsotierte Gedanken in ebenso unsortierter Reihenfolge.

Information als freies Gut

Die Idee, die allen diesen Projekten zugrunde liegt, nämlich, Information als ein freies Gut zu betrachten,Befreiung

“Frei” bedeutet in diesem Zusammenhang “zugänglich”, also barrierefrei. Ohne Hindernis zur Information zu kommen. “Frei” bedeutet nicht unbedingt gratis. “Freie Software” bedeutet ja nur, dass ich – verkürzt gesagt – den Funktionen unter dem Rock schauen kann.

“Frei von namentlicher Nennung” fällt mir ein, wenn ich an ein sogenanntes freies Wissenssammelwerk denke. Ich bin altmodisch, so wie ich Dich, André hier mit Namen anrede, mag ich auch sagen können: Die Information habe ich von Frau XY, jene von Herrn YZ.

Das Sammelwerk an sich hat für mich nur soviel Kompetenz wie seine Autoren Kompetenz haben. Diese herauszufinden bedarf detektivischer Höchstleistung. Von “frei zugänglich” spreche ich damit nicht mehr.

Habe ich keinen Autor zu einer Information, ist diese für mich ein Gerücht. Dorfstammtischqualität. Wobei ich gleich sagen mag, dass ich Dorfstammtische liebe, aber den Wahrheitsgehalt der dort postulierten Aussagen oftmals unter “gute Unterhaltung” ablege. Als wissenschaftliche Zitate würde ich dies niemals bezeichnen.

Derzeit ist es für mich eine Quelle, die viele andere Quellen vernichtet. Präsent ist wer gefunden wird. Gefunden wird diese eine Quelle, die zum Monopol sich mausert.

Dazu fällt mir die Schachpartie ein, die Du als Beispiel einmal bringst. Die Masse verlor, weil sie der Kompetenz nicht glaubte.

befreite Information – frei von Bildung

Befreite Information setzt immer damit ein, dass sie da ist, in die Welt gebracht wird, dass jemand den Anfang macht mit einem neuen Projekt, dessen Ergebnisse sofort sichtbar werden und dessen Vorteile gegenüber dem, was es bisher gab, offensichtlich sind.Befreiung

Um Vorteile zu erkennen, bedarf es der Bildung. Wenn die Angst um das täglich Brot um sich greift, wird “Bildung” zum Luxusgut. Daran ändert auch nichts die absolut unüberschaubare Menge an Information, die es bereits gibt.

All die sogenannten Social Networks sind doch nichts anderes als Informationsbroker. Wenn X sagt, dass es bei Y was Gutes gefunden hat, wird es schon stimmen, so kann man den Austausch der persönlichen Favoritenlisten ja auch definieren. Da aber Marketingfachleute bereits diese Social Networks durchwandern wird sich dies bald ändern.

Eine sehr bekannte Suchmaschine läßt mich nur mehr über zig Umwege wirklich weltweit surfen. Regionale Suche nennt sich dies und “erleichtert” mir doch so das Finden. “Befreite Information”, weil der Vorteil gegenüber dem was es vorher gab ist klar erkennbar. Dadurch, dass die Suchmaschine filtert, brauche ich es nicht mehr zu tun und was mir dabei entgeht, weiß ich ja auf den ersten Blick gar nicht.

Es wird in der Zukunft immer weniger Gelegenheiten für reine Erwerbsarbeit, und immer mehr für wirkliche Arbeit geben. Die Menschen werden Probleme nicht mehr darum lösen, weil sie damit ihren Lebensunterhalt verdienen müssten, sondern weil diese Probleme wichtig sind, drängend, oder auch faszinierend.Befreiung

Eine wunderbare Vorstellung.

Geht mein Kaffee im Kaffeehäferl zur Neige, stellt sich immer eine leicht depressive Verstimmtheit ein. So auch jetzt:

Die Botschaft höre ich wohl, doch allein mir fehlt der Glaube. Faust drängt sich unaufhaltsam in meine Gedanken.

Um Faust diesmal nicht gewinnen zu lassen, hole ich mir neuen Kaffee. Träume davon, dass sich Menschen freiwillig bilden, weil die Neugier sie packte und schicke Dir, André vorher den Brief.

Dir André einen schönen Tag.
mts

²

Die Befreiung der Information, GNU, Linux und die Folgen, André Spiegel. Ein faszinierendes Buch, anregend, nachdenklich machend. Ich mag es riechen, fühlen, kommentieren und nachlesen können wo ich auch immer bin. Ich werde es mir kaufen.

Thematisch passende Kommentare zu diesem Brief sind gern gesehen.

Suchergebnisse speziell für blinde Menschen bietet Accessibility Search mit Google.

In den Accessible Search FAQ wird erklärt, nach welchen Kriterien Google Websites herausfiltert, die bei dieser Suche dann erscheinen.

How do you decide which sites are “accessible” and which are not?
Broadly, Google defines accessible websites and pages as content that the blind and visually challenged can use and consume using standard online technology, and we’ve worked with a number of organizations to determine which websites and pages meet those criteria. Our methods for identifying accessible pages and content are always evolving; Currently we take into account several factors, including a given page’s simplicity, how much visual imagery it carries and whether or not it’s primary purpose is immediately viable with keyboard navigation. Accessible Search FAQ

Sinngemäß bedeutet dies, dass Google Websites herausfiltert, die Menschen mit Seheinschränkungen mit normaler Internet Technologie nutzen können, die nicht hauptsächlich aus Bildern bestehen und deren Merkmal die Einfachheit ist.

Google ist bestrebt diese Filtertechnik immer mehr zu verfeinern und arbeitet daher mit verschiedenen – nicht näher benannten – Organisationen zusammen.

Ich checkte einige Keywords und muss erkennen, dass die Filtertechnik für barrierefreies Web Design wirklich noch verfeinert werden muss.

Ein Beispiel:

Unter dem Keywort ‘Webdesign’ finde ich zur Zeit noch Flashsites. Ich bin mir absolut nicht sicher, ob deren Inhalt für blinde Menschen nutzbar ist.

Aufmerksam wurde ich auf dieses Angebot durch einen Beitrag in Abakus Internet Marketing Forum.

Ich nutzte heute Nachmittag die Stunden, um im Netz zu surfen. Sah mir dieses an und jenes und hatte die einfache Erkenntnis.

Websites, die die gesamte Bildschirmbreite für eine Zeile nutzen- sogenannte “One Column“- einspaltige Layouts, sind eine Katastrophe für mich. Die Zeilen verschwimmen zu irgendwas, nicht einmal das gewohnte und so geliebte Querlesen -scannen – geht mehr.

Ich weiß, dass sehr viele Menschen eine Gleitsichtbrille nutzen. Und ich bin mir sicher, dass die – genauso wenig wie ich- nur für das Lesen der Seite X sich eine andere Brille kaufen, denn die normale Lesebrille ist für das Lesen am Bildschirm untauglich, weil dieser zu weit weg ist.

Man kann auch bei fluidem oder flexiblen Layout die Breite des Textes beschränken.

Eine gute Erfahrung für mich, vor allem für meinen Beruf und außerdem wurde meine Lesezeichen/Favoriten Liste abgespeckt. Seiten, die ich nicht lesen kann habe ich einfach gelöscht.

Im August 2005 berichtete ich über den erstmalig ausgetragenen Fotowettbewerb zum Thema:
“ungehindert behindert“.
Jetzt wurden die (neuebilder.at/cms/index.php?id=115 =link gibt es nicht mehr )Siegerbilde und ein Neustart des (neuebilder.at/cms/index.php?id=33=link gibt es nicht mehr )Fotowettbewerbes bekanntgegeben.

Neuebilder.at hat sich zur Aufgabe gestellt Menschen mit Behinderungen ohne Klischee und Pathos zu zeigen.

Weg mit den Klischees

Behinderte Frauen und Männer haben es satt, sich immer nur in bestimmten Rollen dargestellt zu sehen. Viele von ihnen leben ein selbstbestimmtes, selbstbewusstes und erfülltes Leben und ärgern sich darüber, dass die Bilder in den Köpfen der Menschen und die Bilder, welche die Medien transportieren, dem neuen Selbstbewusstsein behinderter Menschen nicht gerecht werden.(neuebilder.at/cms/index.php?id=9=link gibt es nicht mehr )aus Neuebilder.at .

Auch 2006 rufen der (voeav.org/ausschreibung/ungehindert-behindert.htm) Verein österreichischer Amateur Fotografen [ VÖAV ] [und neuebilder.at wieder zum Fotowettbewerb “ungehindert behindert” auf.
Machen Sie mit!

edit am 8.03.06:

neuebilder.at hat derzeit Probleme, wenn Sie mitmachen möchten schreiben Sie hier bitte einen Kommentar, dann gebe ich gerne ihre Email Adresse weiter, damit Sie zu den Ausschreibungsunterlagen kommen.

Technorati Tags der Stunde

Die sogenannte “alle Welt” schreibt über Web 2.0 im Gegensatz zu Web 1.0. Ich kenne fast alle Browserversionen der diversen Anbieter, aber dass man das WorldWideWeb- das weltweite Netz- auf einmal in Versionsnummern einteilt war mir neu.

Ich begab mich auf die Suche und stellte fest, dass ich eine Hype verpasst habe.
Panik brach aus!
Seit Jugendtagen überall dabei und jetzt dies – fast schämt ich mich.:(

Muss ich jetzt für das Web 2.0 andere Websites machen als für das Web 1.0?

Dion Hinchcliffe zeigt es mir in einer wunderbaren Grafik:
Das neue Web 2.0 bietet eine Plattform für alle Menschen. Nutzt sogenannte “Social Software“. Software, die der Kommunikation und Interaktion dient, diese ermöglicht.

Validierungsergebnis der Seite:
web2.wsj2.com/describing_the_web_20_information_ecosystem.htm

181 Fehler.

(solo-technology.com/blog/index.php/category/tech/web-20/ =link gibt es nicht mehr )
Solo Technology schlägt in dieselbe Kerbe hat dem Web 2.0 eine eigene Kategorie gewidmet:
Edit: Ich wollte per email Solo Technology von diesem Artikel informieren, aber das Email Formular auf dieser Website funktioniert nicht.
Edit:21.20 Email Kontakt mit Chris Kasten,der mir erlaubte diesen ins Blog zu stellen.

Validierungsergebnis der Seite:
solo-technology.com/blog/index.php/category/tech/web-20

17 Fehler.

Webmastertoolbag kennt sich mit Web 2.0 ebenfalls aus:
Edit: Ich wollte per email Solo Webmastertoolbag von diesem Artikel informieren, aber ich fand kein Email Formular und keine Kontaktmöglichkeit.

Validierungsergebnis der Seite:
webmastertoolbag.com/weblog/category/web-20

64 Fehler.

Fazit
Jeffrey Zeldman ich treffe mich sicher einmal mit Dir im Web 3.0 – barrierefrei und benutzerfreundlich – und ganz ohne Hype.

css table gallery von Chris Heilmann

Chris Heilmann hatte vor geraumer Zeit bereits die Idee, die Ästhethik von benutzerfreundlichen Tabellen herzuzeigen.

Seit heute Abend ist auch mein Tabellendesign dort sichtbar und es freut mich und ich empfinde es auch als eine Ehre.

Ich nannte es Poetry for Browsers.

Versuche auch Du eine benutzerfreundliche Tabelle zu designen. Es macht einfach Spaß.

Wie weiß der Browser in welcher Sprache ein Dokument gehalten ist. Wie sagt man Screenreadern, dass jetzt die Standardsprache der Website sich ändert, damit ein englisches Wort auch englisch ausgesprochen wird.

Alle Beispiele beziehen sich auf XHTML 1.0.

Geben Sie eine Standardsprache an:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="de">

Und weiter zwischen head und /head:

<meta http-equiv="content-language" content="de" />

Das englische Wort mit einem span umgeben, dass dem Screenreader die Sprache mitteilt. Dies ist mit dem richtigen Sprachenkürzel für jede Sprache anwendbar.

<span lang="en"  xml:lang="en">refrigerator </span>

Lesen Sie dieses Wort ohne es auf Englisch auszusprechen, dann wissen Sie wie es hörenden Benutzern ihrer Website geht, wenn Sie die Sprache nicht auszeichnen.

Die Praxis:
Viele englishe Worte sind bereits eingedeutscht. Vorlesegeräte haben diese Worte meist bereits gespeichert. Diese Sprachendeklaration verwirrt diese Vorlesegeräte. Andererseits ist es fast unmöglich, dass Webdesigner diese Worte für alle Vorlesegeräte immer im Kopf haben.
Bin ich mir unsicher nutze ich die Sprachendeklaration.
Mehr zum Thema:

1. Best Practices for Declaring Languages in HTML and XHTML .
2. Geo Arbeitsgruppe von W3.org in english:Geo Arbeitsgruppe.

Ich hole mir die Fahrkarte für den Bus und neben mir steht eine alte Dame. Wache Augen, leicht gebückt. Rückenprobleme sind offensichtlich. Fragend sieht sie mich an:”Ob sie die richtige Karte gekauft hätte. Sie habe die Brille vergessen. Könnte ich ihr helfen.” Ich erklärte und sie war erfreut, das richtige getan zu haben. Wir steigen in den Bus und eine unverbindliche Plauderei beginnt.

Zum Neffen fahre sie, weil sie mag auch endlich die “schnelle Post” verwenden. Einen Beruf hat sie gelernt, also sei sie gescheit genug. Außerdem ist sie neugierig wie denn das funktioniert. Zu Weihnachten sind die Bilder der Tochter schon um 22.00 im Format 13×18 auf ihrem Tisch gelegen, weil eben besagter Neffe dies gemacht hat.

Mitten unterm Redefluss sieht sie mich an, stockt und meint:”Ach ich rede und rede. Kennen Sie überhaupt die “schnelle Post” – “Email” nennt das mein Neffe immer.

81 Jahre ist sie, dies verriet sie mir auch noch. Lernt emailen und nennt dies “schnelle Post”.

Immer mehr Senioren, von manchen “Silver Surfer” liebevoll genannt, erobern das Netz. Mit ihrer Sprache, wo sie die Dinge so nennen wie sie es verstehen.
Absolut richtig benennen sie die Dinge. Aber meilenweit von Fachbegriffen entfernt.
Lernwillig und vor allem sehr lesefreudig. Außerdem sehr geduldig und nach “Hilfe” suchend.

Eine Hilfeseite zu erstellen, wo wir Fachbegriffe wie “Home”, “Trackback” oder jedes andere fremde Wort einfach erklären ist keine Hexerei.

Lernen wir von den “Silver Surfern” die Einfachheit der Sprache.

Diese Frau nötigt mir Respekt ab.

Ach ja und – über “schnelle Post” freue ich mich auch immer.