Der BITV-Selbsttest mit Fragebogen

Inhaltsverzeichnis

  1. Zugänglichkeit ist wichtig!
  2. Zugänglichkeit überprüfen
  3. Mein persönliches Fazit
  4. Der Fragebogen
  5. Das Ergebnis der Selbstbewertung
    1. Teilweise erfüllt: 4 Prüfschritte
    2. Erfüllt: 40 Prüfschritte
    3. Nicht anwendbar: 8 Prüfschritte

1. Zugänglichkeit ist wichtig!

Die Zugänglichkeit (Accessibility) der Webseiten auf Webseiten-Infos.de liegt mir besonders am Herzen (siehe hierzu den Abschnitt 3. Die Zugänglichkeit (Accessibility) des Artikels “Was macht eine gute Webpräsenz aus?” sowie die Blogbeiträge “Abkürzungen auf Webseiten“, “Skiplinks und Anker einsetzen“, “Zugänglichkeit ohne Accesskeys“, “Tabindex für Kontaktformular“, “Sprachwechsel für Screenreader” und “Webseiten-Infos.de unterstützt Benutzer-Stylesheets besser“).

2. Zugänglichkeit überprüfen

Nachdem ich nun einige automatisierte Webdienste zur Prüfung der Qualität von Webseiten einschließlich der Zugänglichkeit (Accessibility) nutzte (siehe hierzu meine Blogbeiträge “Bewertung von Webseiten mit Webdiensten” und “Webseiten-Infos.de beim Qualidator top bewertet“), habe ich mich nun an dem BITV-Test mit Fragebogen mittels Selbstbewertung versucht.

Hilfreich zur Durchführung dieses Selbsttests war für mich das vorherige Lesen der Seiten

Natürlich ist so eine Selbstbewertung subjektiv.

Gleichwohl halte ich sie für sinnvoll:

  1. Ich konnte und Du kannst vielleicht etwas dazu lernen. So hoffe und glaube ich beispielsweise besser zu verstehen, was in dem title- und alt-Attribut für das Logo stehen sollte.
  2. Ich habe noch kleinere Änderungen – hoffentlich Verbesserungen – in Sachen Zugänglichkeit (Accessibility) an Webseiten-Infos.de vorgenommen.
  3. Diskussionen mit anderen Erstellern von Webseiten bezüglich der Erfüllung dieser Prüfschritte können helfen, das Verständnis über Barrieren und deren Beseitigung oder zumindest Verringerung zu verbessern.

Insgesamt bin ich mit dem Ergebnis meiner Selbstbewertung für die Webpräsenz Webseiten-Infos.de zufrieden, auch wenn ich natürlich statt 95 lieber 100 von 100 möglichen Punkten erreicht hätte.

In der Spalte Anmerkungen habe ich in dem Fragebogen im Bedarfsfalle ergänzende Infos eingetragen.

Für konstruktive Kritik sowohl bezüglich der Prüfschritte und deren Kriterien als auch meiner Selbsteinschätzung kann gerne die Kommentarfunktion am Ende des Beitrags genutzt werden.

In diesem Zusammenhang bedanke ich mich bei den bisherigen Kommentarschreiberinnen und -schreiber. Die Diskussionen mit ihnen hat maßgeblich zur Verbesserung von Webseiten-Infos.de und zu dem guten Ergebnis bei diesem Selbsttest beigetragen.

3. Mein persönliches Fazit

  1. Das Durcharbeiten des BITV-Selbsttests ist zeitaufwändig. Für Webseiten-Infos.de benötigte ich einige Stunden.
  2. Dieser Aufwand lohnte sich für mich, denn ich lernte Barrieren und deren Beseitigung oder Verringerung kennen, die mir vorher nicht bewusst waren.
  3. Auch wenn ich nicht die Sinnhaftigkeit und die Relevanz jedes einzelnen Prüfschrittes des BITV-Selbsttests beurteilen kann, so macht auf mich dieser Selbsttest einen guten Eindruck. Deshalb rege ich an, dass möglichst viele Ersteller von Webseiten diesen Selbsttest machen und hierüber berichten.

4. Der Fragebogen

Der Fragebogen steht nach der kostenlosen Anmeldung eines Benutzerkontos zur Verfügung.

Die 52 Prüfschritte sind dort der Reihe nach enthalten und mit einem Link zur ausführlichen Beschreibung des jeweiligen Prüfschrittes versehen.

Auf Basis dieser Beschreibung hast Du dann Deine Selbstbewertung unter Bewertung vorzunehmen und kannst dazu Erläuterungen vornehmen.

Für die Internetadresse (URL) www.webseiten-infos.de kannst Du nachfolgend meinen ausgefüllten Fragebogen sehen.

Anmerkungen habe ich vorgenommen, soweit ich sie für erforderlich hielt.

5. Das Ergebnis der Selbstbewertung

Tabelle 1: Ergebnis
Punktabzug 5,0
Punkzahl 95,0
Bewertung sehr gut zugänglich

5.1. Teilweise erfüllt: 4 Prüfschritte

Tabelle 2: Teilweise erfüllte Prüfschritte
Prüfschritt Anmerkung Punkt-
abzug
1.3.1 Audiodeskription für Videos Bisher nur externe Videos, insbesondere über YouTube eingebunden. Den Videos habe ich eine kurze Erläuterung vorangestellt. 1,5
1.4.1 Videos mit Untertiteln Bei englischen Videos gibt es in der Regel einen deutschen Untertitel. 1,5
2.2.2 Helligkeitskontraste von Grafiken ausreichend Das Icon für externe Links hat lediglich einen Kontrastverhältnis von 3,7:1 und erreicht damit das geforderte Kontrastverhältnis von 4,5:1 für kleine Grafiken nicht. Die beiden anderen Icons aber überwiegend schon. 0,5
9.2.1 Auch ohne Maus nutzbar Es gibt in der Sidebar (rechte Spalte) mit dem Monatsarchiv für Blogbeiträge eine Auswahlliste ohne Submit-Button, die auf “onchange” reagiert. 1,5

5.2. Erfüllt: 40 Prüfschritte

Tabelle 3: Erfüllte Prüfschritte
Prüfschritt Anmerkung
1.1.1 Alternativtexte für Bedienelemente Dank der Fragen zu diesem Prüfschritt konnte ich Logo und Icons für die Checkbox “Externe Links” mit aussagekräftigem Alt-Text versehen.
1.1.2 Alternativtexte für Grafiken und Objekte Die Buchcover, die über das WP-Plugin Amazon Machine Tag (AMT) angezeigt werden, sind zwar verlinkt, haben aber leider keinen Alt-Text. Dies kann ich auch nicht ändern. Jedoch folgt unmittelbar nach den verlinkten Amazon-Grafiken auch noch ein aussagekräftiger Textlink zur gleichen Amazon-Seite. Der fehlende Alt-Text wird hierdurch substituiert.
1.1.3 Leere alt-Attribute für Layoutgrafiken
2.1.1 Auch ohne Farben nutzbar
2.2.1 Grafiken vor wechselndem Hintergrund erkennbar
2.3.1 Helligkeitskontraste von Texten ausreichend
3.1.1 Verzicht auf Schriftgrafiken
3.1.2 Title-Attribut für Symbole Nun auch Title-Attribut für Icons bei der Checkbox “Externe Links” ergänzt.
3.2.1 Valides HTML
3.3.1 Stylesheets für die Positionierung verwendet
3.4.1 Schriftgröße variabel
3.4.2 Bei Zoom auf 200% benutzbar
3.5.1 HTML-Strukturelemente für Überschriften
3.6.1 HTML-Strukturelemente für Listen
3.7.1 HTML-Strukturelemente für Zitate
4.1.1 Anderssprachige Wörter ausgezeichnet
4.3.1 Hauptsprache angegeben
5.1.1 Datentabellen richtig aufgebaut
5.2.1 Zuordnung von Tabellenzellen
6.1.1 Auch ohne Stylesheets nutzbar
6.3.1 Auch ohne Skripte nutzbar
7.2.1 Verzicht auf Ablenkung durch Blinken oder Bewegung
7.3.1 Verzicht auf blinkende oder bewegte Inhalte
7.4.1 Verzicht auf Auto-Aktualisierung
7.5.1 Verzicht auf Weiterleitung
9.3.1 Aktuelle Position des Fokus deutlich
9.4.1 Schlüssige Reihenfolge bei Tastaturbedienung
10.1.1 Verzicht auf automatische Pop-Ups, neue Fenster angekündigt Es gibt lediglich bei aktiviertem JavaScript ein Link mit einem Pop-Up für die verfügbaren Smilies im Kommentar-Template. Dieses Pop-Up ist mit einer entsprechenden Ankündigung im title-Attribut versehen.
Bei deaktiviertem JavaScript wird die Seite mit den verfügbaren Smilies im gleichen Fenster/Tab geladen.
10.2.1 Beschriftung von Formularfeldern richtig angeordnet Kommentarfelder stimmte die Reihenfolge ursprünglich nicht, habe sie aber beim Abarbeiten dieses Prüfschrittes so geändert, dass nun die Beschriftungen vor den Eingabefeldern stehen. Gründe für dieses Vorgehen:
  • Vermeiden einer längeren Ladezeit von Seiten mit Kommentarfunktion
  • Vermeiden eines möglichen Verlusts bereits geschriebenen Kommentartextes durch Einsatz des Zurück-Buttons.
11.2.1 Verzicht auf veraltete Elemente und Attribute
11.3.1 Seiten für alle (keine Textversion)
12.3.1 Inhalte gegliedert
12.4.1 Label mit Formularelementen verknüpft
13.1.1 Aussagekräftige Linktexte
13.1.2 Links informieren über Dateiformat
13.2.1 Sinnvolle Dokumenttitel
13.3.1 Sitemap oder ähnliche Orientierungshilfe
13.4.1 Navigation einheitlich
13.4.2 Position im Webauftritt klar
14.1.1 Einfache Wörter

5.3. Nicht anwendbar: 8 Prüfschritte

Tabelle 4: Nicht anwendbare Prüfschritte
Prüfschritt Anmerkung
1.1.4 Alternativen für CAPTCHAs
4.1.2 Anderssprachige Abschnitte ausgezeichnet
5.3.1 Layouttabellen linearisierbar
5.4.1 Kein Strukturmarkup für Layouttabellen
8.1.1 Zugängliche Alternativen für programmierte Objekte
11.1.1 Angemessene Formate Bisher nur externe PDFs verlinkt.
12.1.1 Frames mit Titel
12.2.1 Aufbau der Frames verständlich

Webseite merken und weiterempfehlen

0 Kommentare und 1 Trackback/Pingback

  1. 1. Rückblick: WordCamp 2010 | Webseiten-Infos.de

    Pingback vom 21. Dezember 2011 um 05:11

    [...] hatte das Theme TwentyTen einer BITV-Selbstbewertung (siehe hierzu auch meinen Blogbeitrag “Der BITV-Selbsttest mit Fragebogen“) unterzogen und kam dabei auf immerhin 80 von 100 Punkte. Eine ganz ordentliche [...]

Kommentar schreiben (Datenschutzerklärung)

Kommentarformular





Erstkommentare und Kommentare mit Links werden moderiert.

Übersicht der Tastaturkürzel für Smilies

Abonnieren ohne einen Kommentar abzugeben