Entries tagged as de

2008-12-13 Der Webkrauts Adventskalender öffnet mein erstes Türchen

Heute ist es soweit! Der erste Teil meines Website Performance Artikels mit dem Titel "Sehr sehr schnelle Seiten" ist aus dem heutigen Webkrauts Adventskalender Türchen gefallen. Viel Spass damit und freut euch auf morgen denn da kommt schon der zweite Teil :-)

Banner: Best Practice im Web

2008-12-11 jQuery skipnavHighlight - Skip-Link-Ziele Anschaulich machen

[switch to english Version of this Post]

Als Tomas Caspers in seinem gestrigen "EfA-Laborbericht, Teil 7" auf die Skip-Links der frisch relaunchten Website der Stadt Stockholm verwies war mir klar, daß ich diese einfache und einfach Sinnvolle Technik zukünftig unbedingt ebenfalls nutzen möchte.

Um ein "Springen" der markierten Container zu vermeiden setzten die Entwickler der Webseite auf die CSS2 Eigenschaft: outline die das umrandete Element nicht verbreitert wie es border machen würde. Leider ist diese Eigenschaft nur in der neuesten Browser Generation verfügbar, was das Feature in den Internet Explorern vollständig verschwinden lässt.

Um diesen Makel zu umschiffen habe ich einen anderen Lösungsweg eingeschlagen. Mein kleines jQuery Plugin "skipnavHighlight" erzeugt ein leeres DIV und malt damit einen Rahmen um zu markierende Linkziel.

Eine funktionierende Demo gibt es hier und herunterladen kann man den Code von skipnavHighlight.jquery hier.

2008-12-01 Der Webkrauts Adventskalender 2008 öffnet seine Türchen

Banner: Best Practice im Web

Auch dieses Jahr beglücken die Webkrauts die Webstandards-affinien Web Entwickler wieder mit 24 prächtigen Vorweihnachtsgeschenken. Das diesjährige Thema der Artikelserie ist "Best Practices im Web".

Den Anfang macht dieses Jahr Ansgar Hein mit seinem Bericht "Stadt 2.0: Interaktiv und barrierefrei" in der er seine Erfahrungen bei der Erstellung von barrierefreien Stadtportalen anhand des Beispiel der Stadt Moers teilt.

Meine eigenen 2-3 Artikel werden innerhalb der nächsten 24 Tage folgen :-)

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.