Natürlich aus starkem Eigennutzen ermittelt der Crawler die Metadaten der Webseiten und validiert dabei das Markup gegen den W3C Validator. Außerdem wird ausgewertet welche Scripts und CSS Versionen verwendet werden. Sehr lobenswert ist, daß Opera diese Studie ebenso der Öffentlichkeit zugänglich macht.

Durchsucht wurden insgesamt 3,5 Mio URLs aus 217 Länder. Dies hört sich zwar sehr viel an, ist aber nur ein minimaler Teil des ca. 45,2 Milliarden Webseiten schweren Internet. Dennoch sind 3,5 Mio untersuchte Webseiten sicherlich ein repräsentativer Wert und sorgen für interessanten Weiterentwicklungs- und Gesprächsstoff.

Die wichtigsten Ergebnisse der Validierung

• Markup – Beim validierten Markup haben nur 4,13% einen richtigen Source Code. Das hat sich zwar seit 2006 fast verdoppelt, dennoch ein sehr geringer Wert
• Selber angegeben – Etwas weniger als die Hälfte der selber gültig angegebenen Webseiten waren wirklich valide
• Valides CMS – Interessant ist, daß bei den CMS Validierungen Typo mit 12,7% gewonnen hat. Gefolgt von WordPress mit 9,0%, danach kommt noch Joomla mit 6,5% und Blogger mit nur 0,3%
• Valide Editoren – beim Einsatz der Editoren konnte Apple iWeb mit 81,9% bei erzeugtem Source Code überzeugen. Weit weg als nächstes Ergebnis findet man Dreamweaver mit nur 3,4%
• Doctypes – Die Angaben von gültigen Doctypes haben die Schwelle der Hälfte mit 51% überschritten
• Framesets – 7,2% sind leider noch immer Framesets im Einsatz (bitte sterben lassen)
• Zeichensatz – der beliebteste Zeichensatz ist iso-8859-1 mit 43,1%
• häufigste Fehler – kein passendes Attribut 64,2% oder nicht kategorisiert 57,4%

Webstandards hin oder her

Gäbe es nicht die immer wieder die erkämpften und gepredigten Webstandards, würden wir noch immer mit tabellenhaltigen Grafikerwebseiten herumtollen. Langsam aber zäh setzt es sich durch, daß Zugänglichkeit und Kompatibilität bei Webseiten oder gar Webapplikationen nur von Vorteil sind. Die Zahlen sind zwar stetig am Wachsen, dennoch sind 4,13% als Webstandards-Verfechter sehr enttäuschend. Webstandards lernen ist nicht schwer und warum Webstandards wichtig sind!

Hier die gesamte Studie und die detaillierten Resultate

Dazu werden folgende Tags geboten: <abbr> und <acronym>

abbr

<abbr> verwendet man bei Abkürzungen, bei denen jeder Buchstabe einzeln ausgesprochen werden soll. Example: USA. <abbr>USA</abbr> wäre die korrekte Auszeichnung.

acronym

<acronym> ist dagegen für Wörter gedacht, die ganz ausgesprochen werden. Example: GUI. <acronym>GUI</acronym> wäre die korrekte Auszeichnung.

CSS

Aktuell ist in der letzten Spezifikation vom W3C <acronym> nicht mehr enthalten und wird durch <abbr> zusammengefasst. Ich verwende trotzdem noch beide Varianten, da Screenreader diese meistens richtig ausgeben. Diese beiden Tags lassen sich dementsprechend im CSS visualisieren.

In diesem Fall:

acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #2ECCFF; cursor: help; }

http://www.abbreviations.com/

Ein neues Übersichtsportal bzw. Suchmaschine für Abkürzungen ging vor kurzem live und bietet eine Art Lexikon nach sortierten Rubriken http://www.abbreviations.com/

• Artikel, Beiträge oder Postings sind auf dem Bildschirm zwar genauso textorientiert, dennoch wird vor dem Computer automatisch eine Anwendung, also etwas Interaktives erwartet. Das wurde so gelernt. Erst in den letzten Jahren gewinnen längere Inhalte im Internet an Bedeutung.
• Der Text ist “weniger wertvoll”, die Zeitschrift, das Buch oder die Zeitung hat mehr gekostet, deswegen widmet man dem gedruckten Inhalt mehr Aufmerksamkeit
• Lesen am Bildschirm ist noch immer wesentlich anstrengender für die Augen als auf dem Papier. Die Kontraste und weiteren Elemente einer Webseite können leichter ablenken
• Da wir vom so genannten Rauschen, viel zu viel Information und RSS-News überrollt werden, hat man immer das Gefühl etwas zu versäumen oder sogar eine Art Zeitdruck. (Mein RSS Reader hat nach einem Wochenende satte 1000 Artikel)
• Durch mobile Endgeräte und Mini-Laptops sind die Bildschirme kleiner, der User ist nicht bereit übermäßig zu Scrollen
• Der moderne Lifestyle ist schnell kurz und bündig

Ich muss gestehen, durch meinen täglichen 8-10 stündigen Aufenthalt vor dem Computer ertappe ich mich selber dabei, wie ich es in “teuer” gekauften Fachzeitschriften nur mit Mühe und Not schaffe, Artikel fertigzulesen. Ich habe mir angewöhnt die Lektüren wie im Internet zu überfliegen und Werbungen auszublenden.

Was kann man dagegen oder dafür tun?

• Ich versuche mir es selber ständig anzutrainieren: Kurze und effektive Texte. Ein prägnanter Absatz macht auf dem Bildschirm wesentlich mehr Spaß.
• Strukturierter Seitenaufbau – Unterüberschriften, Listenmenüs, Zitate etc..
• verkehrtes Pyramidentexten – Die Hauptaussage bzw. Zusammenfassung zu Beginn, die Details im Folgetext
• Auflockerung durch gut platzierte Bilder
• Drucklayouts für alle Beiträge anbieten – Drucklayouts sollten unnötige Webseitenelemente ausblenden (Bilder, Header, Navigation..)

Ich versuche diese Regeln immer im Hinterkopf zu behalten bzw. zu verinnerlichen um den User nicht zu überfordern oder gar zu langweilen. Fakt ist: Das gute alte Buch hat noch lange nicht ausgedient. Ich liebe es mich auf der Couch, am Strand oder im Bett in eine gute Geschichte fallen zu lassen, das funktioniert aber besser mit einem schön gebundenem Werk, als mit einem Tablet PC.

Technik kann die Partizipationsmöglichkeiten für blinde und sehbehinderte Menschen erhöhen. Trotzdem muss erwähnt werden, dass durch eine Behinderung immer eine Beeinträchtigung erfahren wird. Eine Person beschrieb:

„[…] Klar ist natürlich, dass man die Bilder und ähnliches , was ja auch sehr stark vertreten ist im Internet, natürlich nicht sehen kann.[…] Das fällt natürlich weg, aber das ist glaub ich jetzt kein, vielleicht irr ich mich jetzt aber, das ist kein Problem vom Internet an sich, das ist ja eher ohnehin naturgemäß.“

Grundsätzlich muss zwischen zwei Dimensionen in Bezug auf „Barrieren und Technik“ unterschieden werden.

Die erste Dimension beschreibt jene Barrieren, die durch das Programmieren und Erstellen von Webseiten entstehen können. Hierbei ergeben sich oftmals Hürden wenn nicht auf barrierefreie Programmierung und die Einhaltung der Standards geachet wird. Diese erste Ebene bezieht sich auf einzelne technische Details, die man konkret benennen kann. Grafiken, Flash-Animierungen und Drop-Down Menüs lauten die Stichworte, denn sie sind nur mit den Augen zu erfassen und somit für eine blinde Person nicht anwendbar. Auch die Überladenheit einzelner Websites mit Informationen und die Unübersichtlichkeit machen blinden Personen zu schaffen. Während eine sehende Person alles auf einmal erblickt, erfordert es für eine blinde Person einfach mehr Zeit, nur mit Tast- und Hörsinn die Fülle an Informationen in eine geordnete Struktur zu bringen.

„Manche Webseiten sind, die Uni-Seite zum Beispiel selber, sind so kompliziert, mir muss jemand helfen, weil wenn ich etwas suche […] das dauert für mich 10 mal so lang, das ist mir echt zu anstrengend. Da frag ich […]”

„Das Beste […], dass man alles auf der Seite übersichtlich hat, dass man nicht zuerst 100e Sachen, durchklicken muss, ja dass man halt alles ein bisschen übersichtlich schafft.“

„Ja, irgendein Amt, Finanzamt irgendwas, wo es ne extra Seite gibt, ein Link oder irgendwas barrierefrei und das ist so kompliziert dass man es gar nicht probiert. […]. Ich habs ausgedruckt, damits für mich dann wer machen kann. Weil es war so kompliziert.“

Die zweite Dimension stellen Barrieren von Seiten des Nutzers dar. Es geht um die Frage, ob dieser Zugang zur benötigten Software hat, die zur Ausgabe von Informationen im Internet notwendig ist und ob er das entsprechende Wissen besitzt, die Software anzuwenden? Die Anwendung von Software setzt jedoch wiederum entsprechende Schulung oder Bildung des Betroffenen voraus, um die Angebote auch nutzen zu können.

„[…] Man muss einmal unterscheiden zwischen Barrierefreiheit von Seiten des Anbieters sozusagen und dann gibt’s noch die andere Barrierefreiheit, das ist die des Nutzers. […]Wenn die Gemeinde Wien eine barrierefreie Website hat, dann nutzt mir die nur relativ wenig, wenn ich nicht, das entsprechende Programm habe, die zu lesen […].“

„Man muss es Blinde austesten lassen. Weil es hat nicht jeder dieses tolle Programm das ich hab. Und es kann auch sein, dass ich es nicht mehr hab, ich mein wer weiß, aber mit einem normalen Betriebssystem, mit irgendeiner Braillezeile muss es so sein, dass man ins Internet kann, dass man sich einfach normal orientieren kann.“

Zusammenfassend lässt sich feststellen: Immer wieder wird betont, dass es als wichtig angesehen wird, technische Standards für die Erstellung von Internetseiten auch tatsächlich einzuhalten. Es genügt nicht, die angebotene Website als „barrierefrei“ zu bezeichnen. Wie man es nennt ist im Endeffekt egal, denn wichtig für den Betroffenen ist lediglich, dass die Websites auch tatsächlich für die Nutzer ohne Barrieren zugänglich und nutzbar sind.

Die Befragung ergab auch, dass trotz meiner Vermutung CSS und Webstandards seien mehr verbreitet, noch immer 62,6% der Webseitenbesitzer mit veralteten Tabellenlayouts arbeiten. 32,8% nutzen für den Font-Tag sogar Inline-Styles. Stark verschachtelte Tabellenlayouts führen ebenso zu Ladeverzögerungen weil Browser die Konstrukte richtig zu Rendern versuchen, also bitte Webstandards und CSS büffeln!

84,8% der Web-Seiten haben Java-Script im Einsatz. Die durchschnittliche Größe der Skripte beträgt 9KB unkomprimiert und 6KB komprimiert. Die durchschnittliche Zahl der externen Skripte war 7.

Besonderen Anstieg hatte in den letzten Jahren Streaming-Media, die Verwendung wuchs um mehr als 600%. Interessant ist, dass 88% der Besucher einen Stream nach durchschnittlich 10 Sekunden wieder verlassen, insgesamt haben die Videos eine Laufzeit von 30 Sekunden.

Das "schöne" Web 2.0 hat mit seinen Technologien zu dem Wachstum an Objekten und JavaScripts beigetragen. Mit der Verbreitung von Breitband, wird heute grundsätzlich davon ausgegangen, dass jeder eine solch schnelle Verbindung genießen kann. In US sind noch immer 43% der Internetbenutzer Dial-up User. In Österreich lag 2007 die Breitband-Durchdringung nur bei 27%.

Bitte durchatmen und Webseiten so gut wie möglich auf kürzere Ladezeiten optimieren, der DFÜ-User wird dankbar sein, außerdem kommt bald der Sommer.

Aus aktuellem Anlass (für eine Modellrechnungsapplikation), hab ich mich entschlossen meinen Bloglesern die wichtigsten Eckdaten für eine zugängliche und strukturierte Tabelle nicht vorzuenthalten.

Tabellenzusammenfassung

<summary>Das ist die Zusammenfassung des Inhaltes der Datentabelle </summary>

Dieses Attribut wird direkt innerhalb des <table> Tags angewendet und soll als Inhaltsbeschreibung dienen. Das Summary ist besonders wichtig für die Barrierefreiheit, da es Screenreadern exklusiv zur Verfügung steht. Vergleichen kann man das Attribut mit dem ebenso sehr unerlässlichem “Alt-Text” von Bilddateien in Webseiten.

Tabellenbezeichnung und Zusammenfassung

<caption>Das ist die Tabellenüberschrift</caption>

Dieser Tag fungiert als Tabellenbezeichnung oder Überschrift, in diesem Fall würde ich aber empfehlen lieber über die Tabellen (zusätzlich oder stattdessen) ein klassisches Überschriften-Element zu setzen. (h1, h2..), da Screenreader-Benutzer besser zu solchen Überschriften springen können.

Struktur der Tabelle

Die 3 logischen Bereiche

• <thead> Tableheader
• <tbody> Tablebody
• <tfoot> Tablefooter

bieten die Möglichkeit einer passenden Aufteilung in die Bereiche: Kopf, Inhalt und Footer. Wichtig: Wenn Tableheader oder -footer verwendet werden muß unbedingt ein Tablebody-Element festgelegt werden, die 3 funktionieren nur zusammen. Eine Tabelle darf nur einen <thead> oder <tfoot>, aber mehrere <tbody>, um mehr Überschaubarkeit festzulegen.

Zeilen- oder Spaltenformatierung

Die Elemente <colgroup> und <col> ermöglichen eine spezifische Darstellung der Spalten. Für eine Formatierung einer ganzen Zeile kann das <tr> Element zum Ansteuern verwendet werden. Das Element <colgroup> ermöglicht eine oder mehrere mit dem <col> Element ausgezeichneten Spalten. Hier gibts ein paar Einbußen bei älteren Browsern.

Praxisbeispiel


<h2>Tabelle Performance</h2>
<table summary="Wie entwickelt sich mein Sparvertrag bei verschiedener Aktienperformance">
<caption>Performance</caption>
<colgroup>
<col id="Jahre" />
<col id="Performance_3" />
<col id="Performance_4" />
</colgroup>
<thead>
<tr>
<th scope="col">1</th>
<th scope="col">3%</th>
<th scope="col">4%</th>
</tr>
</thead>
<tfoot>
<tr>
<th scope="col">2</th>
<th scope="col">3%</th>
<th scope="col">4%</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>10000</td>
<td>20000</td>
</tr>
<tr>
<td>2</td>
<td>20000</td>
<td>30000</td>
</tr>
<tr>
<td>3</td>
<td>30000</td>
<td>40000</td>
</tr>
</tbody>
</table>


Formatierung

In der CSS-Spezifikation gibt es 2 Varianten von Tabellenrahmen:

• seperate
• collapse

Bei seperate erhält jede Zelle einen eigenen Rahmen, während bei collapse die Zellen sich Ränder teilen, welches ich nützlicher finde. Damit die Tabelle ein Rasterlayout behält, sollte auch eine feste Breite festgelegt werden, der Rahmen hilft sicher optisch besser abzugrenzen und ein Padding verbessert das Lesen der Zellendaten. Alle anderen oben genannten Elemente können wie üblich mit CSS gestylt werden. Empfehlen kann ich die CSS Table Galler, ausprobieren lohnt sich.

Referenzen

• W3C-Empfehlung für Tabellen
• Web Standards Solutions
• Building Accessible Websites
• CSS Table Gallery
• Für Faule: Tabellencreator

Weitere Informationen und wer noch mitmacht

Innerhalb eines Projektes von ebsemantiks sollen einzelne Betriebe Events, Unterkünfte und Angebote der Gastronomie zielgruppenorientierter und mit viel weniger Aufwand im Netz platzieren können und sie damit für verschiedenste intelligente Suchmaschinen und Portale “verständlich” machen.

Es geht also um Standardisierung, um Angebote effektiv und eben nur einmal beschreiben zu müssen: Automatisiertung auf Basis des “Semantic Web”.

Als Beispiel nennen die Projektleiter ein Mountainbike-Portal, das den Benutzern eigene Routenplanung ermöglicht. Was neu dazu kommen soll: Alle geöffneten Unterkünfte, Gaststätten und saisonalen Freizeitangebote, die auf der jeweiligen Strecke liegen. Da die Engine des Mountainbike-Portals die standardisierten Beschreibungen einlesen kann, geschieht das automatisch.

Ebenso kann ein einmal in dieser Form beschriebener lokaler Event auf der Homepage der jeweiligen Gemeinde, der Tourismusverbände von Region und Land und auf verschiedenen weiteren Portalen automatisch dargestellt werden.

Die Tourismusbranche ist sehr stark im Online Marketing und Zielgruppenmarketing in Österreich vertreten und geht mit diesem Projekt meiner Meinung nach einen Schritt in die richtige Richtung.

Semantik Web ist ja auch lt. Tim Berners Lee die Zukunft und Yahoo will bald die Suchergebnisse semantisch ausliefern.

Ich denke die Schnittstellenfähigkeit wird dadurch erhöht und sowie Techcrunch schreibt auch eine Einbindung in andere Systeme erleichert. Sämtliche Mikroformate wie hCard, hCalendar, hReview, hAtom sollen in Zukunft bei den Ergebnissen verwendet werden. Es gibt zwar noch nicht viele Empfänger(Systeme) von Microformaten, dennoch ist wiederverwendbarer Content sicher zukunftsträchtig.

Dadurch kann Yahoo sicherlich gegen die Konkurrenten punkten, die Frage stellt sich nur wenn Microsoft Yahoo kauft, ob das Ziel noch haltbar ist?

Accesskeys sind Tastenkombinationen oder Tastenkürzel, deren Benutzung je nach Browser und Betriebssystem leicht abweicht. Der Webdesigner kann mit folgendem Zusatz festlegen mit welchem Buchstaben ein Link angesprochen wird:

<a accesskey="1" href="http://www.liechtenecker.at" title="Startseite">Startseite</a>

Es reicht lediglich der Zusatz “Accesskey” und das ausgewählte Zeichen. Vorsicht: Es können keine Zahlen des Nummernblocks verwendet werden.

Über die Jahre haben sich folgende Standards für Webseitenelemente herauskristallisiert:

• S – zum Inhalt
• 1 – Startseite
• 2 – Neuigkeiten, News
• 3 – Sitemap
• 4 – Suchfunktion
• 5 – FAQs
• 6 – Hilfe zur Seite
• 7 – Formular für Beschwerden
• 8 – Bestimmungen und Bedingungen
• 9 – Formular für Feedback
• 0 – Accesskey-Übersicht

In wie weit sich diese Standards durchgesetzt haben ist nicht feststellbar, dennoch ist es als Grundlage sehr sinnvoll. Aufpassen sollte man bei Tastenkombinationen aufjedenfall, dass diese nicht in Betriebssystemen schon manifestiert sind, deswegen ist es besser Nummern dafür zu verwenden.