Gefiltert nach Kategorie Accessibility Filter zurücksetzen

© Kompetenznetzwerk KI-I

Am 9. und 10. Juli fand an der Johannes Kepler Universität in Linz das IKT Forum statt. Die jährlich im Vorfeld der icchp stattfindende Veranstaltung dreht sich rund um Barrierefreiheit, unter anderem auch um Barrierefreiheit im Internet.

 

Ausschnitt aus der Beschreibung des Veranstalters, des Kompetenznetzwerk KI-I:

Im Kontext der Barrierefreiheit bietet das IKT-Forum Information und Austausch insbesondere zwischen Personen mit/ohne Beeinträchtigungen aus Theorie und Praxis, Personen aus der Wissenschaft und Entwicklung, Personen aus Betreuungsberufen sowie pädagogischen Berufen. Das IKT-Forum ist damit seit langem Ideen- und Innovationsbörse im Bereich barrierefreier IKT für Menschen mit Beeinträchtigungen.

 

 

Im Track "Barrierefreies Webdesign" habe ich am Montag Vormittag einen Vortrag über moderne, Java-Scipt gestützte Webapplikationen gehalten. Angelehnt an meine Diplomarbeit habe ich versucht einen Einblick in die Problematik bei der Implementierung von Barrierefreiheit in moderne Userinterfaces zu geben. Damit die Praxis nicht zu kurz kommt habe ich außerdem meine jQuery Accessible-RIA Widgets vorgestellt.

 

Die Vorbereitung hat einige Mühe gemacht und die Anfahrt war nicht gerade kurz -- und trotzdem hat es sich in jedem Fall gelohnt. Die Organisation war super, es gab interessante Diskussionen und viele neue Informationen. Vielen Dank für die Einladung!

Vortrag über barrierefreie Webentwicklung auf dem IKT Forum an der Uni Linz

© jQuey Logo: The jQuery Project

A few month ago I received somerequests about adding browser history support and browser title support to my jQuery ARIA widgets. As this would be nice feature for both, usability and accessibility, I allocated some time to get this done.

jQuery ARIA with browser history support: tabs, lightbox and sortable tables

© jQuey Logo: The jQuery Project

Schon seit einigen Monaten steht fest das mit der neuen Version des Java-Script Frameworks jQuery und dessen Widget Palette jQuery UI einige Anpassungen an eigenen Scripten erfolgen muss.

Mit dem final Release von Version jQuery 1.4.2 und UI 1.8 habe ich endlich das Ergebnis meiner Diplomarbeit modifiziert.

 

 

Im folgenden ein kleiner Erfahrungsbericht vom Upgrade auf jQuery 1.4.2 und jQuery UI 1.8. Die Links dürften gut als Tutorial dienen.

 

jQuery Accessible Rich Internet Applications jetzt für jQuery 1.4 und UI 1.8

© TYPO3 Association, typo.org

Die reCaptcha Extension für TYPO3,  jm_ reCaptcha, hat leider keinen noscript Tag der das Ausfüllen bei Abgeschaltetem JavaScript ermöglicht.  Gemäß der Spezifikation von reCaptcha habe ich diese hinzugefügt. Das ganze ist noch ohne LL VAriablen aber ich habe den Bug / das Feature an die Entwickler weitergeleitet und hoffe es wird bald eingebaut.

TYPO3 reCaptcha Extension ohne JavaScript

© jQuey Logo: The jQuery Project

Im vorerst letzten Blogpost, zu den während meiner Diplomarbeit bei Namics entstandenen  jQuery Accessible Rich Internet Appllications, stelle ich sortierbare Tabellen vor. Mit dem Widget lassen sich standardkonforme HTML Tabellen sehr einfach um einige nützliche Funktionen erweitern oder man nutzt es als Grundlage komplexer Anwendungen in denen tabellarisch Daten dargestellt werden.

Barrierefreie, sortierbare Tabellen mit jQuery

© jQuey Logo: The jQuery Project

Zeit für Post 3 in meiner Reihe über jQuery Accessible Rich Internet Applications im Zuge meiner Diplomarbeit: Accessible Tabs

 

jQuery UI stellt bereits ein sehr mächtiges UI Widget für Tabs zur Verfügung und so war für mich schnell klar das ich dieses erweitern und verbessern will. Nachdem ich verschiedene Methoden zur Erweiterung vorhandener Klassen in jQuery durch hatte und diese alle nicht hinnehmbare Probleme mit sich brachten, entschied ich mich dafür relativ schlicht die Funktionen zu überschreiben und die Originalmethoden vor meinen Änderungen aufzurufen.

jQuery UI Tabs made accessible

© jQuey Logo: The jQuery Project

Im zweiten Teil meiner kleinen Reihe geht es um einen, mittlwerweile, alten Bekannten: die Lightbox. Ich stelle hier meine barrierefreie Variante auf Basis der jQueryUI Widget Factory vor, die im Rahmen meiner Diplomarbeit bei der Firma Namics entstand.

 

Achtung: Diese Anleitung bezieht sich auf die jQuery 1.3.x bzw. jQuery UI 1.8.x Variante meines Scripts. Im Gallerie-Modus sind jetzt geringfügige Änderungen nötig.

 

Barrierefreie jQuery Lightbox nach WAI ARIA und WCAG 2.0

© jQuey Logo: The jQuery Project

Im Zuge meiner Diplomarbeit bei der Full Service Internetagentur Namics habe ich einige barrierefreie Applikationenhttp://jqueryui.com/ für jQuery entwickelt die den Richtlinien der W3CWCAG 2.0 und ARIA entsprechen.

Eine theoretische Ausarbeitung zur Entwicklung dieser Applikationen und der dazugehörigen Theorie findet ihr in meiner Diplomarbeit. Die dort enthaltenen Hintergrundinfos können wertvolle Argumentationshilfen sein.

 

Die 4 Widgets (Live Validierung, Lightbox, Tabs, sortierbare Tabellen) werde ich in diesem und folgenden Posts vorstellen. Den Anfang macht die Live Formular Validierung.

Barrierefreie Live Validierung von Formularen mit jQuery