Accessibility Tests mit der Web Developer Toolbar Technikwürze 127
Wer Webprojekte auf Zugänglichkeit überprüfen möchte kann sich dabei von unzähligen Tools und Browsererweiterungen unterstützen lassen. Dass man einige solcher Tests auch schon sinnvoll mit der bekannten Web Developer Toolbar durchführen kann, besprechen Sylvia Egger und Sascha Postner.
Begriffsklärung: Was alles ist eine "Web Developer Toolbar"
- Wir reden über die Web Developer Erweiterung (http://chrispederick.com/work/web-developer/ ) für Firefox, Flock, Seamonkey für Windows, MacOSX und Linux
- Nicht zu verwechseln mit: Internet Explorer Developer Toolbar
- Außerdem gibt es noch: Web Developer Toolbar für Opera
- Patrick H. Lauke: Evaluating Web Sites for Accessibility with Firefox (2005) [nach Checkpunkten des WCAG aufgebaut]
- Carsten Peters: Analyse von Barrierefreiheit mit Hilfe von Firefox-Erweiterungen (2006) [ist nach Vorgaben des BITV aufgebaut]
- FireFox Web Accessibility Extension (2007) - irreführender Titel, aber es geht tatsächlich sehr ausführlich um die Web Developer Toolbar ;)
- Sylvia Egger: Barrierefreiheit optimieren mit der Web Developer Toolbar (2008)
Themenbereiche zum Optimieren:
- Grafiken
- ALT-Attribute
- Ohne Grafiken
- Hintergrundgrafiken entfernen
- Schriftgrafiken erruieren
- Tabellen
- Überschriften
- ROW, SCOPE
- ID, HEADERS
- Komplexer Strukturen
- Formulare
- Überschriftenhierarchie
- Outline
- auf der Webseite anzeigen
- Accesskeys und (Tabindex)
- ohne Javascript
- Farben und Kontraste
- alle Farben deaktivieren
- Linearisierung
- CSS deaktivieren
- Seite linearisieren
- Fenstergrößen anpassen
- Mit benutzerdefinierten Elementen arbeiten:
- Sprachauszeichnung: LANG
- Akronyme und Abkürzungen: ACRONYM, ABBR
- Userstyles verwenden
- Low Vision Stylesheet
- Stylisch: Erweiterung zur Einbindung von Userstyles
- Userstyle: Schnellfix Barrierefreiheit
- Userstyle: Dyslexie
Alternative Erweiterungen:
- Accessibar
- Juicy Studio Accessibility Toolbar
- Firefox Accessibility Extension
- Für den Tabellencheck
- Für die Überschriftenhierarchie
Erwähnungen 13
Likes
-
Maria Musterfrau
Reposts
Kommentare 7
-
Eine tolle Technikwürze - seit langer Zeit die Beste, wie ich persönlich finde. Gut aufbereitet, fachlich kompetent und für viele Nutzer im Web sicherlich eine gänzlich neue Erfahrung. Ich frage mich seit langem schon, wie ich ohne die eierlegende Wollmilchsau (aka Web Developer Toolbar) jemals Websites erstellen oder prüfen konnte. Bitte ein ähnliches Special noch zu FireBug!
-
Endlich wieder eine Sendung, mir wurde schon bange wie vor einem Jahr um die Zeit ;-)
Schön gemacht, viele kleine Sachen gelernt, die ich nicht kannte. Am Tollsten der Tipp mit XRefresh!
Danke -
Mir gefiel der lockere Moderationsstil von Sascha wieder sehr gut! Die Usability, ja da kam wieder ein bisschen das schlechte Gewissen in mir hoch. Macht halt alles sehr viel Arbeit.
Viele Funktionen in der Toolbar, die ich nicht kannte.
Gruß rp -
In puncto "SpeedCheck" empfehle ich den "Charles Webdebugging Proxy", eine Anwendung die sich als Dienst vor alle ein/ausgehenden Internetverbindungen schaltet und somit genaue Auskunft über alle Requests liefert. Für alle brauchbar denen die Auskünfte aus Web Developer Toolbar oder Firebug nicht reichen.
Vom Response-Header, Dateigröße, Antwortzeit, etc. bis hin zu einer sinnvollen "Bandwidth Throttling Funktion", die es einem ermöglicht eben das zu tun: die maximale Datenübertragung drosseln. So kann man, selbst wenn man direkt neben dem Rechenzentrum an einer Kabelstandleitung hockt, sehen wie eine Seite beim Kunden (mit z.B.IHGITT-ISDN) performt.
gruß
-
Tolle Folge! Gerade durch diese Abschweifungen in Richtung allgemeine Accessibility und weg von der reinen Betrachtung der Webdev. Toolbar sind einige interessante Denkanstösse in Sachen Barrierefreiheit zum Vorschein gekommen!
Danke für eure Zeit und Mühe!
-
Danke für das positive und motivierende Feedback Euch allen :)
-
Hi David,
mach doch mal eine Box in der man Themenvorschläge an dich schicken kann. Das kommt bestimmt bei deinen Stammzuhörer gut an!
