Farbfehlsichtigkeit, Technische Beschränkungen

allgemeines

- in den USA und teilw. in Dt. sind öffentliche Einrichtungen verpflichtet, Webseiten nach bestimmten Kriterien der Zugänglichkeit einzurichten

- in Deutschland: BITV: Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behinderungsgleichstellungsgesetz (BGG)

BITV

http://www.einfach-fuer-alle.de/artikel/bitv/

http://www.wob11.de/gesetze.html

Web Accessibility Initiative (WAI)

Web Content Accessibility Guidelines 1.0

http://www.w3.org/TR/WAI-WEBCONTENT/

erste Prüfung

Standard	Xing	StudiVZ	Wikipedia	typo3.org	Strickforum	neu.de	Mindfactory
WCAG 1 AAA	failed	failed	failed	failed	failed	failed	failed
WCAG 1 AA	failed	failed	failed	failed	failed	failed	failed
WCAG 1 A	passed	passed	passed	passed	passed	failed	failed
Link zum Online-Test	xing.com	studiVZ.net	de.wikipedia.org	typo3.org	strickforum.de/forum	neu.de	mindfactory.de

Keiner der Seiten entspricht vollständig den Web Content Accessibility Guidelines (Version 1.0) des W3C. Im Besonderem erhält keine die Konfimitätsstufe "AA" (d.h. alle Checkpunkte der Priorität 1 und 2 sind erfüllt). Details folgen nach Aufarbeitung...

Web Content Accessibility Guidelines 2.0

http://www.w3.org/TR/WAI-WEBCONTENT/

erste Prüfung (copy&paste)

Standard	Xing	StudiVZ	Wikipedia	typo3.org	Strickforum	neu.de	Mindfactory
WCAG 2 AAA	6 Probleme	failed	failed	failed	failed	failed	failed
WCAG 2 AA	failed	failed	failed	failed	failed	failed	failed
WCAG 2 A	passed	passed	passed	passed	passed	failed	failed
Link zum Online-Test	xing.com	studiVZ.net	de.wikipedia.org	typo3.org	strickforum.de/forum	neu.de	mindfactory.de

einige freie verfügbaren Web Accessibility Checker:

• Cynthia Says ...für die Tests benutzt (u.a. WCGA in den Prioritäten 1,2,3 )
• A Checker Web Accssibility Checker des ATRC der University of Toronto (u.a. BITV, WCAG 1 & 2)
• WAVE grafisches Web Accessibility Evaluations Tool von WebAIM

Überblick der Richtlinien

• Richtlinie 1: Stellen Sie äquivalente Alternativen für Audio- und visuellen Inhalt bereit.
• Richtlinie 2: Verlassen Sie sich nicht auf Farbe allein.
• Richtlinie 3: Verwenden Sie Markup und Stylesheets und tun Sie dies auf korrekte Weise.
• Richtlinie 4: Verdeutlichen Sie die Verwendung natürlicher Sprache.
• Richtlinie 5: Erstellen Sie Tabellen, die geschmeidig transformieren.
• Richtlinie 6: Sorgen Sie dafür, dass Seiten, die neue Technologien verwenden, geschmeidig transformieren.
• Richtlinie 7: Sorgen Sie für eine Kontrolle des Benutzers über zeitgesteuerte Änderungen des Inhalts.
• Richtlinie 8: Sorgen Sie für direkte Zugänglichkeit eingebetteter Benutzerschnittstellen.
• Richtlinie 9: Wählen Sie ein geräteunabhängiges Design.
• Richtlinie 10: Verwenden Sie Interim-Lösungen.
• Richtlinie 11: Verwenden Sie W3C-Technologien und -Richtlinien.
• Richtlinie 12: Stellen Sie Informationen zum Kontext und zur Orientierung bereit.
• Richtlinie 13: Stellen Sie klare Navigationsmechanismen bereit.
• Richtlinie 14: Sorgen Sie dafür, dass Dokumente klar und einfach gehalten sind.

N.lindemann

technische Beschränkungen

erste Eindrücke (ohne Anmeldung in den Portalen)

benötigt	Xing	StudiVZ	Wikipedia	typo3.org	Strickforum	neu.de	Mindfactory	mixxt
Javascript	ja	eingeschränkt	nein	nein	nein	nein	nein	ja!
Flash	nein	nein	nein	nein	nein	nein	nein	nein
Auflösung	1024x768	1024x768	800x600	1024x768	800x600	1024x768	1024x768	1024x768

(minimale Auflösung ohne horizontale Scrollbalken)

detailliertere Betrachtung

• Im folgenden eine eingehendere Betrachtung der Seiten mit und ohne JavaScript, bzw. Flash, veränderter Auflösung, sowie aktuellem und älterem Browser. Hierbei wird als moderner Browser der IE 8, sowie der FF 3.6, und als älterer exemplarisch der IE 6 verwendet. Die Wahl auf den letzteren erfolgte, da er standardmäßig unter Windows XP installiert ist und er laut Webhits nach wie vor von knapp einem Drittel aller Surfer verwendet wird, obwohl selbst Microsoft offiziell erklärt hat, dass er veraltet ist.

Probleme mit dem IE 6 werden explizit erwähnt, ansonsten kann davon ausgegangen werden, dass die Seite kompatibel ist.

• Laut den Informationen aus der Webprogrammierung-VL ist eine Auflösung von 1024x768 Pixeln als Standard zu betrachten, was sämtliche Seiten einhalten. Einige sind, wie oben zu sehen ist, sogar noch mit 800x600 ohne horizontale Scrollnotwendigkeit nutzbar.

• Da Flash meist dazu benutzt wird (interaktive) (Werbe-)Videos einzublenden und diese durch Benutzerinteraktion gesteuert werden, wofür JavaScript (JS) benutzt wird, kann im folgenden davon ausgegangen werden, dass Flash nur explizit erwähnt wird wenn es eine andere Funktionalität erfüllen soll

Xing

• mit einer geringeren Auflösung als 1024x768 stören die Scrollbalken massiv, da insbesondere das Einsehen der Profildaten anderer Nutzer das Herunterscrollen erfordern; ebenso sind die meisten erweiterten Funktionen auf der rechten Seite außerhalb des standardmäßig sichtbaren Bereichs gelagert

JavaScript & Flash

• Hilfe-, bzw. Komfortfunktionen, welche neue Fenster öffnen, sind ohne JavaScript nicht nutzbar (z.B. unter https://www.xing.com/app/profile?op=myprofile;todo=1# - bspw.: "Was bedeutet das?", "Nicht mehr erinnern" bei Geburtstagen oder "Datenfreigabe bearbeiten" (!))
• keine Videos
• keine Notizen über Benutzer in deren Profilen

StudiVZ

• bei einer Auflösung kleiner als 1024x768 überlagert die "Was meinst du dazu?"-Einblendung das Hauptnavigationsmenü links
• Startseite ist mit IE 6 vollkommen verschoben dargestellt; "Neues aus deinem Netzwerk" funktioniert praktisch nicht, alles unterhalb und einschließlich des Buschfunks funktioniert aber. Der Plauderkasten ist trotz eingeschaltetem JS nicht nutzbar

JavaScript & Flash

• Plauderkasten & Röhre nicht nutzbar
• kein Buschfunk !
• Navigation zu allen relevanten Seiten funktioniert problemlos
• "neue" schnelle Navigation über Dropdown-Boxen auf Startseite funktioniert ebenso ("Neues aus dem Netzwerk")
• keine seitenrelevanten Inhalte mit Flash realisiert - Pluspunkt, da somit nur Werbung wegfällt ;)
• Flash-Spiele selbstverständlich nicht nutzbar

mixxt

• praktisch sämtliche relevanten Navigationspunkte zur Individualisierung sind JavaScript basiert (Nachrichtenzentrale, Seiteneinstellungen, Feedback, Profilbild einstellen, Willkommensmeldung ausblenden, Adresse noch frei?, Filter, ...); d.h. die Seite ist ohne JavaScript praktisch nicht nutzbar
• Filteroptionen unter Aktivität unter IE 6 nicht optimal dargestellt, aber nutzbar

Fazit

Die Seite ist nur mit aktuellem Browser mit allen aktivierten Standardfeatures nutzbar.

Wikipedia

• benutzt die Seite überhaupt JavaScript? ô.o - scheinbar funktionieren sämtliche Funktionen auch ohne JS, vielmehr ist es wohl so, dass lediglich der Bedienkomfort erhöht wird
• auch mit kleiner Auflösung ohne Probleme benutzbar

Strickforum

• Technologien:
  • Blog: Nucleus CMS
  • Forum: phpBB
• keine relevanten Einschränkungen der Bedienbarkeit ohne JavaScript & Flash
• einige tote Links im Blog? ("dein Account", "Über"), hängt aber scheinbar nicht direkt mit der Technologie zusammen, sondern die Seiten sind vermutlich nur nicht existent

Mindfactory

• 1024x768 absolute Mindestauflösung - mit geringer ist die Seite nur sehr umständlich nutzbar, da ständig gescrollt werden muss
• ohne JS keine Druckfunktion von der Seite aus, ansonsten aber vollständig nutzbar

typo3

• sehr langsame Zugriffszeit (Zufall durch Tageszeit?)
• keine Einschränkung durch JS

Fazit

Xing

Ohne JavaScript ist die Seite nicht effektiv nutzbar. Zwar kann man die rudimentären Funktionen nutzen, aber sobald man versucht detaillierter einzusteigen, trifft man schnell auf Grenzen. Insbesondere der eingeschränkte Zugang zu Hilfe- und Einstellungsseiten trübt den Eindruck.