Entries tagged as bookmarklet

2008-11-19 LogFocus - handy Bookmarklet for Keyboard Accessibility testing

[deutsche Version dieses Beitrags anzeigen]

Offering usability for Users without Mouse is one of the biggest and most important Steps when building accessible Websites. While testing for Keyboard Accessibility you might find yourself very often in Situations like "Where is my Cursor?" or "What Element has the Focus right now?". Especially when Elements get moved offscreen things might end up confusing.

A Script, I've been using for a while to solve situations like this, I have now converted into a handy Bookmarklet.

LogFocus works in all Browsers that offer a Console. In Firefox you need Firebug. In Safari/WebKit you need to activate the "develop" Menue. For Internet Explorer I recommend using Companion.JS. In Opera the build in Console in Dragonfly is used.

To install the Bookmarklet simply drag the following Link into your Bookmarks.

LogFocus

From there you can run it on every Page by simply clicking on it.

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.