AJAX und Zugänglichkeit

erics Weblog - LogoEric Eggert zeigt in diesem Artikel eine Möglichkeit, die Zugänglichkeit von AJAX-basierten Webformularen zu verbessern. Es handelt sich um eine Übersetzung von »AJAX and Accessibility« aus dem Englischen.
--> Seite besuchen

Komplex-dynamische Listen

Styleworks - LogoMit Komplex-dynamischen Listen sind Listen gemeint, die sich dynamisch in mehreren Spalten aufbauen, ähnlich wie die Spaltendarstellung im Dateibrowser von Mac OS X.l Ein Mausklick auf einen Eintrag in der ersten Liste in der linken Spalte macht eine zweite Liste sichtbar, deren Inhalt vom angeklickten Wert der ersten Liste abhängt. Das ist nur über eine geschickte Kombination von CSS und (barrierefreiem) JavaScript möglich. Bei diesem Artikel handelt es sich um eine Übersetzung von Complex Dynamic Lists: Your Order Please von Christian Heilmann, erschienen bei A List Apart (ALA).
--> Seite besuchen

Popups mit JavaScript

molily - LogoMolily diskutiert in seinem Blogartikel die Vor- und Nachteile von zwei verschiedenen Techniken für JavaScript-Popups. Sein zweiter Lösungsansatz kommt einem barrierefreien JavaScript schon recht nahe, da bei deaktiviertem JavaScript einfach eine neue HTML-Seite geöffnet wird. Als Fazit empfiehlt Molily, weitgehend auf Popups zu verzichten und empfiehlt stattdessen eine Überarbeitung der Navigationsstruktur. Der Artikel ist gut geeignet, sich in die grundsätzliche Problematik einzulesen.
--> Seite besuchen

onlinetools

onlineTools LogoEine kleine Skriptsammlung mit barrierefreien JavaScripts: Popup-Fenster durch dynamische Layer ersetzen, Tabbed Interface, Hierarchische JavaScript-Navigation, Auf- und zuklappbare Seitenbereiche, ein barrierefreies DHTML-Scroller und noch viele mehr. Prädikat wertvoll!
--> Seite besuchen

Barrierefreies JavaScript

Barrierefreies JavaScript - LogoEine deutschsprachige Einführung in das barrierefreie JavaScript (Übersetzung von unobstrusive JavaScript). Sehr lesenswert.
--> Seite besuchen

Dynamic News Upscroller

Nur Verzierung - grüne FlächeEin barrierefreier JavaScript-Scroller, der zudem praktisch ruckelfrei läuft. Er kann über einen Link deaktivert werden und bei deaktiviertem JavaScript wird der Text (und die Links im Scroller) einfach in einem CSS-Container gezeigt. So können mir Scroller sogar wieder gefallen ...
--> Seite besuchen

JavaScript und DOM bei SelfHTML

Spinnennetz - Selfhtml-LogoDer Klassiker darf natürlich nicht fehlen – SelfHTML ist nach wie vor eines der wichtigsten Nachschlagewerke auch für JavaScript, vor allem die sehr ausführliche Objektreferenz, die Einführung in die Grundlagen der Sprach-Elemente und der Überblick über DHTML. Achtung: SelfHTML wurde noch nicht an das moderne DOM Scripting angepasst - vergleiche hierzu die Diskussion bei SelfHTML selbst in den folgenden Artikeln: Der sinnvolle Einsatz von JavaScript und DHTML ist tot.
--> Seite besuchen

The perfect FAQ page!

TJK-Design - LogoEin barrierefreies JavaScript, mit dem CSS-Container auf einer Seite ein- und ausgeschaltet werden können. Der Autor verwendet es in seinem Beispiel für ein FAQ, bei dem die Beiträge durch Klick auf die Fragen ein- und ausgeschaltet werden können. Wenn JavaScript deaktiviert ist, erscheinen alle Einträge einfach untereinander; beide Varianten sind über CSS frei formatierbar. Das Skript ist einfach zu implementieren und natürlich auch in anderen Bereichen verwendbar, zum Beispiel für barrierefreie und vor allem suchmaschinentaugliche Menüs.
--> Seite besuchen

Lightbox JS v2.0

HuddleTogether - LogoEin geniales barrierefreies JavaScript, mit dem Bilder durch Klick auf ein Thumbnail vergrößert dargestellt werden können – nicht wie üblich in einem neuen Fenster, sondern in einem Layer direkt auf der Seite. Version 2 ist sehr ausgereift, kompatibel zu allen modernen Browsern, einfach zu implementieren und vor allem bei der Contentpflege elegant und einfach zu verwenden. Es verfügt über einen Ladebalken und eine Diashow-Funktion.
--> Seite besuchen