< Accessible Javascript using Frameworks - Barcamp London 5 | LogFocus - handy Bookmarklet for Keyboard Accessibility testing >

2008-11-19 LogFocus - hilfreiches Bookmarklet beim Testen von Keyboard Accessibility

[switch to english Version of this Post]

Zugänglichkeit für Nutzer ohne Maus zu ermöglichen ist einer der größten und wichtigsten Schritte beim Aufbau einer barrierefreien Webseite. Beim Testen von Keyboard Accessibility findet man sich immer wieder nach dem Drücken der Tabtaste in der Situation: "Wo ist mein Cursor?" bzw. "welches Element hat eigentlich gerade den Focus?". Gerade bei Elementen die Offscreen verschoben wurden tappt/tabt man dann gerne und lang im dunkeln.

Ein Script, daß ich seit langen nutze um Licht in diese Situationen zu kriegen, habe ich nun in ein handliches Bookmarklet gekapselt.

LogFocus arbeitet in allen Browsern die eine Konsole zur Verfügung stellen. Im Firefox ist hierfür Firebug notwendig. Im Safari, bzw. WebKit, muss das "Develop" Menü aktiviert sein. Für Internet Explorer empfehle ich das Plugin Companion.JS. In Opera wird die eingebaute Konsole in Dragonfly genutzt.

Um das Bookmarklet zu installieren zieht man einfach den folgenden Link in die eigenen Bookmarks.

LogFocus

Von dort aus kann es dann einfach per Klick in jeder Seite ausgeführt werden.

Trackbacks
No Trackbacks

Comments

alexanderDein Bookmarklet-Link ist leider zerschossen. Aber dafür sieht man deine Lösung ohne in den Quelltext zu gucken. Den "focusin-Trick" für standardkonforme Browser sehe ich aber eh immer wieder gerne. Einen evtl. bereits vorhandenen onfocusin-Handler könnte man vielleicht noch sicher. Ist zwar im Vergleich zu window.onload ziemlich unwahrscheinlich, aber ...

Für Firefox bietet die Accessibility Extension einen Focus-Inspector:
https://addons.mozilla.org/de/firefox/addon/5809

Aber kanntest du wahrscheinlich bereits.
#1 alexander (Homepage) on 2008-11-19 21:05 (Reply)
Dirk GinaderIch kann den zerschossenen Link leider nicht reproduzieren. Welchen Effekt hast Du denn in welchem Browser?
#1.1 Dirk Ginader (Homepage) on 2008-11-20 09:53 (Reply)
alexanderHi,

ich konnte den quelltext im ff 3.04 vom öffnenden anchor-tag beginnend sehen. dieses problem bestand sowohl bei mir zu hause als auch auf arbeit. auf arbeit war dieses phänomen verschwunden, nachdem ich den browser im sicheren browser gestartet habe. ich wollte nun eben mal gucken welches plugin/welche einstellung das produziert, aber kann dies nun nicht mehr nachstellen. sehr mysteriös...
#1.1.1 alexander on 2008-11-20 19:37 (Reply)
Dirk Ginaderna dann bin ich einfach mal happy dass es jetzt OK ist. Wenn Du den Fehler nochmal reproduzieren kannst lass es mich trotzdem bitte wissen :-)
#1.1.1.1 Dirk Ginader (Homepage) on 2008-11-20 21:08 (Reply)
Add Comment

Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

Gravatar/Favatar/Pavatar/MyBlogLog author images supported.
You can use [geshi lang=javascript/css/html4strict/php]your code[/geshi] tags to embed source code snippets