Technikwürze

Wer suchet, der findet!

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.

P2 · E21 · #127
Reguläre Folge
Moderation

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 1
  • Außerdem gibt es noch: Web Developer Toolbar für Opera
    Artikel, die explizit auf die Analyse von Barrierefreiheit mit der Web Developer Toolbar hinweisen:
  • 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 1 (2006) [ist nach Vorgaben des BITV aufgebaut]
  • FireFox Web Accessibility Extension 1 (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 1 (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



Alternative Erweiterungen:

  • Accessibar 1
  • Juicy Studio Accessibility Toolbar 1
  • Firefox Accessibility Extension 1
  • Für den Tabellencheck

    • com tab 1

    • Table Inspector 1
    • Für die Überschriftenhierarchie
    • Headingsmap
    • Documentmap 1

    Erwähnungen 13

    Kommentare 7

    • Ansgar
      Ansgar

      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!

      Antworten
    • Thomas Weise
      Thomas Weise

      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

      Antworten
    • rockpianist
      rockpianist

      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

      Antworten
    • Erik
      Erik

      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ß

      Antworten
    • Fabian Steiner
      Fabian Steiner

      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!

      Antworten
    • Sascha Postner
      Sascha Postner

      Danke für das positive und motivierende Feedback Euch allen :)

      Antworten
    • Jens Schulze
      Jens Schulze

      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!

      Antworten

    Kommentar hinterlassen

    Mit dem Absenden stimmst du zu, dass deine eingegebenen Daten gespeichert und als Kommentar veröffentlicht werden dürfen (weitere Infos in der Datenschutzerklärung). Dein Beitrag spiegelt deine persönliche Meinung wider – bitte behandle andere respektvoll und halte dich an geltendes Recht. Rechtswidrige Inhalte behalten wir uns vor zu entfernen.