MAIN_web » Tab Parade

Eine Mütze Barrierefreiheit

Beate Firlinger — Fri, 28 Nov 2008 10:08:36 +0000

Es gibt viele Tage in diesen Tagen. Von A wie dem A-Tag am vergangenen Freitag, den 21.11.2008, der heuer unter dem Motto “Die Zukunft ist heute” stand und zur “Befreiten Barrierefreiheit” ermutigte, zu Liberated Accessibility, wie der Webentwickler Christian Heilmann seine Präsentation betitelte, über die Maria Putzhuber hier im MAIN_blog in ihrem Report zum A-Tag 08 Näheres zu berichten weiß.

Bis B wie dem B-Tag, dem Blue Beanie Day, heute am 28.11.2008, einem symbolischem Interaktionstag für Standards und Accessibility im weltweiten Web, an dem das Tragen von blauen Mützen (englisch: blue beanies) angesagt ist, um für ein zugängliches und benutzerInnenfreundliches Internet ein sichtbares Zeichen zu setzen. Also, alle, die dies tun möchten, schnell blaue Mütze besorgen und auf den Kopf setzen, Lächeln (muss nicht unbedingt sein), Fotos machen, diese mit den Tags “bbd08″ und “bluebeanieday” versehen und sodann öffentlich posten, zum Beispiel auf Flickr in der deutschsprachigen Gruppe zum Blue Beanie Day 2008 und natürlich auch im Pool der internationalen Flickr Group bluebeanieday2008. Dort gibt es übrigens ein geniales Bild mit Mr. Obama zu sehen, betitelt: You know he would!

Schnappschussideen

Der Tag der blauen Mütze wird heuer übrigens bereits zum zweiten Mal begangen. Ins Leben gerufen wurde die Spaßinitiative im Vorjahr, und zwar von AnhängerInnen des amerikanischen Webstandards Vorreiters Jeffrey Zeldman. Auch wir vom MAIN_blog haben uns 2007 am Blue Beanie Day Vienna mit einer kleinen Schnappschussidee an der Aktion beteiligt, bei der wir unter anderen auch (damals noch Staatssekretärin, jetzt dann nicht mehr Bundesministerin) Heidrun Silhavy zum Blue Beanie Fotoshooting baten.

Und weil auch ich in diesen Tagen Geburtstag habe, spendiere ich diesmal ein Stück meiner Torte dem Blue Beanie Day 2008 zum ersten Jahrestag. Alles Gute!

Paradenbeiträge

Gute sechs Wochen alt ist unsere jüngste Webaktion, die Tab Parade, die das MAIN_Blog gemeinsam mit Robert Lenders Nur ein Blog anlässlich des Internationalen Tags der Tastatur am 15. Oktober starteten und die am 25. November 2008 im Vorfeld des Blue Beanie Days ausrollte. Es war eigentlich nur so eine spontane Idee, bei der es darum ging, zur Abwechslung mal ohne Maus durchs Web zu surfen und darüber zu bloggen, “wie mühsam das Ganze sein kann”, wie es beispielsweise Max Kossatz in seinem Blog Wissen belastet beschreibt, der sich für unsere Parade durch die Parteiseiten im Vergleich tabbte und dazu auch ein Video angefertigt hat.

Ohne groß die Werbetrommel für die Tab Parade zu rühren, freut es uns, dass sich soviele BloggerInnen beteiligt haben, unter ihnen viele Webgestaltungs- und Accessibility-Profis wie Maria Putzhuber, Eva Papst, Kerstin Probiesch, Jana Herwig, Johannes Reiss, Jürgen Liechtenecker, Gerald Brozek, Peter Rozek, Peter Kammerer … So, jetzt habe ich sicher jemanden vergessen. Eine doch erstaunlich lange Liste aller Blogbeiträge findet sich in der Tab Parade Roll hier im MAIN_Blog. Lieben Dank für’s Mittabben an alle in die Runde!

Einen der Beiträge möchte ich noch extra herausgreifen. Es geht dabei um Sylvia Eggers Praxistest von Seniorkom.at, das die Accessibility Fachfrau in ihrem Weblog Sprungmarker für die Tab Parade sehr kritisch unter die Lupe nimmt. Ihr Fazit: Dieses österreichische Webportal für ältere Menschen kann nicht mit optimaler Tastaturnutzung punkten und ist ein gutes Beispiel dafür, dass auch ambitionierte Preisträger-Projekte alles andere als perfekt gemacht sind. Denn Seniorkom.at erhält dieser Tage immerhin einen e-Inclusion Award, eine Auszeichnung, die im Rahmen der e-Inclusion MinisterInnen-Konferenz der Europäischen Kommission verliehen wird.

e-Inklusionsstrategien

Dieses ministerielle Mega Event, zu dem rund 1.500 TeilnehmerInnen erwartet werden, findet ab kommenden Sonntag, den 30. November, bis zum Dienstag, den 2. Dezember 2008, in Wien statt. Bei der Veranstaltung, die den Abschluss des e-Inclusion Jahres der Europäischen Kommission bildet, sollen Strategien zu den Schwerpunktthemen “Digitale Kompetenzen”, “IKT für ältere Menschen”, “Webzugänglichkeit für Alle” sowie “Wirtschaftliche und globale Aspekte der digitalen Integration” erörtert werden, die dazu beitragen können, dass all “jene vom Ausschluss aus der Informationsgesellschaft betroffenen Gruppen der Gesellschaften in den Mitgliedstaaten integriert werden”.

Da gibt es wohl noch jede Menge zu tun. Das wurde auch beim diesjährigen Internet Summit Austria am 2. Oktober 2008 deutlich, der unter dem Motto “Chancen nutzen – Internet für eine integrative Informationsgesellschaft” von der ISPA, dem Dachverband der österreichischen Internet Service-Anbieter, in Kooperation mit der Abteilung für Medienangelegenheiten des Bundeskanzleramtes veranstaltet wurde und als nationales Vorbereitungsevents auf die e-Inclusion MinisterInnenkonferenz angelegt war. Einer der Gastredner dort war Paul Timmers, der in der EU Kommission die Abteilung “IKT für Integration” leitet.

Wie Paul Timmers beim österreichischen Internet Summit sagte, gäbe es “too little progress since Riga“. Er meinte damit, dass im so genannten Riga Prozess der Fortschritt zu langsam sei, um der digitalen Kluft effektiv entgegezuwirken, wie es sich ja im Juni 2006 die MinisterInnen aus 34 europäischen Ländern in der lettischen Hauptstadt Riga vorgenommen hatten. Sie formulierten damals als Ziele der digitalen Integration (”e-Inclusion”) etwa die Halbierung des Rückstands ausgrenzungsgefährdeter Bevölkerungsgruppen bei der Internetnutzung und den barrierefreie Zugang zu allen öffentlichen Webseiten bis zum Jahr 2010.

Derzeit sind, wie eine APA OTS Aussendung des Büros Silhavy vom 2.10.2008 belegt, europaweit aber lediglich 5 Prozent aller öffentlichen Webangebote barrierefrei. Stellt sich die Frage, wie sich die restlichen 95 Prozent bis zum Jahr 2010 aufholen lassen. Ganz zu schweigen von den privaten Websites der Unternehmen, um deren Zugänglichkeit es auch nicht besser bestellt ist. Paul Timmers jedenfalls sagte beim Vorgipfel in Wien: “We have to move faster“. Oder anders gesagt auf gut österreichisch: Anzahn Leute!

So sieht’s aus. In diesem Sinne also auf zu vielen künftigen Aktionen, zu weiteren A-Tagungen und B-Tagen. Und heute zumindest eine blaue Mütze auf den Kopf! So wie Jona, der Sprössling unserer Kollegin Michaela, noch keine zwei Jahre alt, ein kleiner Lausbub und schon ein angehender Aktivist für Web Accessibility. Denn, wie lautete noch das Motto des A-Tags so schön: Future is now.

Tastatur im Fokus

Maria Putzhuber — Tue, 25 Nov 2008 22:59:47 +0000

Was hammse denn plötzlich alle mit der Taschtatuur?

Die menschliche Wahrnehmung ist schon ein interessanter Trichter. So wenig von dem, was um uns vorgeht und theoretisch oben reingeschüttet wird, kommt tatsächlich bei uns an.

Man nimmt nur wahr, worauf man den Fokus legt.

Im Lauf des Tab Parädchens von “MAIN” und “Nur ein Blog” ist mir erst aufgefallen, wieviele Leute jetzt gerade wieder Tastaturbedienbarkeit thematisieren, ohne überhaupt zu ahnen, dass es diese kleine Aktion gibt.

Wüssten sie es, wären Sie selbschtverschtändlich sofort auf unseren Paraden Truck aufgesprungen und stolz mit uns mit über den virtuellen Wiener Ring gezogen. Nehm ich mal an, hypothetisch, zum Wohle dieses Tab Paraden Abschlussartikels.

Ich vereinnahme hiermit für die heute ausgelaufenen Tab Parade noch folgende, völlig unabhängig von ihr verfasste Artikel und Aktivitäten kluger Menschen, die mir im November durch den Filter gerutscht sind.

Browser Tastatur Kürzel

Bei Dr. Web gab es für alle, die es im Internet eilig haben, Browser Tastatur Kürzel, die noch nicht jede/r so kennt.

Google Maps

Clever Patrick Lauke hat ein Tutorial über Google Maps geschrieben.
Natürlich sollte Google den Quellcode selber reparieren, aber bis das passiert, legt er erstmal transparente Buttons über die original nicht tastaturbedienbaren Schwenk- und Zoomkontrollen. In einer spannenden Versuch und Irrtums Anordnung wird gut nachvollziehbar, worum es geht und wo sichs spießt beim zugänglicher flicken (er nennt es retrofitting) von fremden Inhalten, die wir in unsere Webseiten einbauen.

jQuery

Die Google jQuery Accessibility Group diskutiert eine Menge tastaturrelevanter Fragen von jQuery Anwendungen. Die Gruppe ist aktuell in mein Wahrnehmungsfeld geraten, weil ich mich halt gerade dafür interessiere. Auch bei anderen JavaScript Frameworks gibt es natürlich Accessibility Engagierte.

WAI-ARIA

Bei WebAIM findet sich eine bereits ältere Artikel Serie zur Tastaturbedienbarkeit.
Dort ist mir auch ein guter aktueller WAI-ARIA Artikel untergekommen.
Der WAI-ARIA Vortrag, den Martin Kliehm beim diesjährigen A-Tag gehalten hat, illustriert mit plausiblen Beispielen diese relativ neue Methode, semantisch unklares HTML vorallem für Screen Reader NutzerInnen mit Sinn zu versehen und sie über Seitenänderungen zu informieren.

Ein wenig hilft ARIA auch allen Tastaturmenschen.
ARIA erweitert das bereits vorhandene HTML tabindex Attribut. Mit tabindex=”0″ kann jedes Element Tastatur Fokus bekommen.

Ich bin eine Überschrift, kein Link, aber mit Tastatur erreichbar, ist das nicht nett?

Diese Überschrift kann in vernünftigen Browsern mit der Tastatur angesteuert und in Folge auch mit tastaturbedienbaren Eventhandlern manipuliert werden für allerlei Effekte und Aktionen.

IE7 kann WAI-ARIA noch nicht. Der 2001 geborene IE6 kanns natürlich sowieso nicht können. Vielleicht ist mir auch deshalb gerade jetzt eine verstärkte Tendenz im Netz aufgefallen, zumindestens den IE6 ins Grab zu bringen, obwohl der Arme natürlich schon weit länger aus vielerlei Gründen von Webworkern sehr gehasst wird.

Armer alter IE

Die rührenden Revoluzzer vom Pisto Magazin nehmen ihm einfach das Stylesheet weg.
hyperkontext erklärt, wie immer fundiert, warum der Internet Explorer für Webgestalter ein Albtraum ist.
Und wer Schlechtes über den Internet Explorer twittert, landet damit auf dieser schrägen Seite: icanhazrealbrowser.com.

DIE ZEIT braucht Zeit

Michaela Mallinger — Thu, 06 Nov 2008 10:37:30 +0000

Ich auch, wie ihr seht und vor allem mein kleiner Sohn Jona. Er ist der gute Grund für meine lange Schreibpause. Jetzt melde ich mich wieder einmal zu Wort um euch im Rahmen der Tab Parade über meine Erfahrungen beim Surfen ohne Maus in Online-Medien zu berichten.

Zeit zum Lesen nehme ich mir eigentlich gerne für die deutsche Wochenzeitung DIE ZEIT. Doch online verfliegt die Zeit schon bevor ich bei den wirklich spannenden Beiträgen angekommen bin.

Meine Leseprobe ohne Maus war, wie man in Wien sagen würde, durchwachsen. Einerseits habe ich versucht mich nur mit Tab und Enter durch das wirklich umfangreiche Portal zu bewegen und andererseits hab ich auch die Tastenkombinationen von meiner Sprachausgabe eingesetzt. Da ich ein Vergrößerungsprogramm verwende ist es äußerst schwierig, nur mit der Tab-Taste ans gewünschte Ziel zu kommen, da der Fokus am Bildschirm schwer mitverfolgt werden kann, weil er sich kaum vom Gesamtbild abhebt und immer wieder aus dem Bildausschnitt meines Vergrößerungsprogramms verschwindet.

Zugegeben, ich surfe für gewöhnlich mit Maus und Tastatur durchs Netz und muss mich deshalb von vornherein etwas anstrengen nicht einfach den Menüpunkt meiner Begierde anzuklicken. Doch Zeit sparen wäre auf www.diezeit.de sicher möglich. Wer sich etwa heute über die Präsidentschaftswahlen in den USA informieren will, muss sich immer wieder durchs gesamte Hauptmenü tabben um zum gewünschten Artikel zu gelangen. Das sind um die 40 Links.

Mit Jaws lassen sich die Links direkt ansteuern. Das funktioniert viel einfacher. Aber auch hier muss man sich Zeit nehmen, da die Links nicht immer halten, was sie vorgeben zu versprechen.

Wer Zeit hören will kann tabben

Ein von mir sehr geschätztes Angebot der Zeit ist Zeit Audio. Für AbonnentInnen werden wöchentlich 16 ausgewählte Artikel von Profi-Sprechern aufgelesen und zum Download angeboten. Ich jab versucht, dieses Abo ohne Maus zu bestellen. Es hat funktioniert Doch musste ich beim Bestellformular die Funktionen von Jaws zu Hilfe nehmen.

Mein kurzes praktisches und untechnisches Fazit:

Barrierefrei ist das Portal der Zeit noch nicht. Surft man nur mit der Tastatur durch die vielen „Zeit-Räume“ kommt man auf Umwegen ans Ziel.

Mit Tastatur im Lazy Web

Maria Putzhuber — Tue, 28 Oct 2008 12:50:25 +0000

JavaScript Libraries und Frameworks sind großartig: Jquery, YUI, mootools, Prototype, scriptaculous, Dojo und wie sie alle heißen. Riesige Sammlungen von Scripts – fixfertig zum Gebrauch – für alles, was an einem Webseitchen cool und web2nullig aussieht. Und alles gratis! Die Einsteiger Tutorials suggerieren einem auch, dass man nicht einmal mehr JavaScript können muss, um damit klar zu kommen: ein Script herunterladen, und noch eines, von dem das andere abhängig ist, verlinken, aufrufen nach Kochrezept mit einer fein verkürzten Schreibweise, fertig.

Klingt bequem und stimmt natürlich nicht. Sobald kleinste Änderungen nötig sind, steht man da mit seinem Unwissen wir der Ochs vorm Stadeltor 2.0.

Aber lasst uns einmal faul und cool sein

Wir nehmen nun allerdings einmal an, dass wir sogar trotz Accessibility Fokus faul sein dürfen und mit copy und paste durchkommen. Wir suchen uns ein einfaches Accordion Script zur Probe aufs Exempel, dass barrierefrei auch hipp sein kann.

Ein Akkordeon ist ein Effekt, mit dem man Inhaltsteile platzsparend verstecken kann, mit einem Klick auf das Triggerelement, z.B. eine Überschrift, klappt der Inhalt auseinander wie ein Akkordeon, mit Klick auf die nächste Überschrift, klappt der eine Inhalt wieder zu und der nächste auf. Das ist Musik fürs Auge, geht vertikal und horizontal und eignet sich für Navigationen oder repetitiv strukturierte Inhalte wie FAQs ganz prächtig.

Der Plan für einen schnellen Tabparadenbeitrag

… ist nun folgender:

Wir googeln höchstens 20 Minuten nach dem idealen Akkordeon
Es muss tastaturbedienbar sein, d.h die Aufklappaktion muss an einem HTML Element hängen, das mit Tastatur ansteuerbar ist. Eine Headline ist das z.B. derzeit noch nicht.
Es muss unobtrusive sein – schönes Wort, das bedeutet, das Script legt sich unaufdringlich über den Rest der Website, bei deaktiviertem JavaScript sind im Fall Akkordeon alle Inhalte sichtbar und der Trigger ist nicht mehr klickbar.
Das Siegerscript binden wir fix hier ein, wir doktern nicht daran herum.

Wer suchet, der findet

Mit Tastatur auf den Websites der bekannten JavaScript Bibliotheken herumzusuchen, ist kein großer Spaß. Mit sichtbarem Tastatur Fokus haben die es nicht so. Mausmänner, haben wohl noch nicht ganz viele Gedanken an Accessibility verschwendet. Es ist sichtlich ein Männerspielplatz. Nur bei mootools mischen (auf den ersten Blick sichtbar) auch Frauen mit. Barrierefreier wirds dadurch noch nicht.

Falls sich Widerspruch von Leuten, die sich auskennen, regt: Wir sehen uns hier nur oberflächlich ein paar Scripts an, wie sie präsentiert und oft dann auch unangetastet verwendet werden. Sicher kann man alle anpassen, wie mans braucht, wenn mans kann.

Schnelles Google Ergebnis

Moofx – mootools oder Prototype

unobtrusiv: ja
tastaturbedienbar: nein

Stickman Labs – Accordion v2.0 – scriptaculous

unobtrusiv: ja
tastaturbedienbar: nein

Chris Esler – Moo Tools Accordion

unobtrusiv: ja
tastaturbedienbar: bedingt: mit Tastenkombinationen, wenn man sie weiß

Artviper – Mootools Accordion Menü

unobtrusiv: ja
tastaturbedienbar: schwierig, aber ja, weil Menülinks

Nyokiglitter – Mootools Accordion Menü

unobtrusiv: ja
tastaturbedienbar: ja in einer alten Version, weil Links

Bassistance – JQuery

unobtrusiv: ja
tastaturbedienbar: teilweise, Beispiele mit Links ohne href, mit “echten” Links, mit Buttons

Marco van Hylckama Vlieg – JQuery Menü

unobtrusiv: ja
tastaturbedienbar: ja, weil Links, aber schwierig, kein sichtbarer Tastaturfokus

Project Atomic – FAQ Accordion -JQuery

unobtrusiv: ja
tastaturbedienbar: bedingt, weil mit einem Link alles aufeinmal aufgeklappt werden kann, ansonsten Definitionlist

Marco van Hylckama Vlieg – YUI Menü

unobtrusiv: ja
tastaturbedienbar: ja, mit Pfeiltasten

Der schnelle Sieger ist also das YUI AccordionView Widget

Mit den Pfeiltasten können Sie die einzelnen Panels ansteuern, mit Enter öffnen.

Item 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pellentesque. Nunc justo mauris, ultricies et, consequat ac, tristique congue, enim. Vestibulum tempor ultrices leo. Nam venenatis arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse facilisis bibendum mauris.
Item 2
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Ut eleifend dui accumsan lorem.
- Donec fermentum consectetuer purus.
- Curabitur bibendum elit a nibh.
- Curabitur fringilla velit sit amet diam.
- Proin bibendum orci eget ante.
Item 3

Morbi commodo dignissim odio. Donec ac velit id elit molestie consectetuer. Vivamus ac ligula sit amet mi aliquam accumsan. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pede pede, convallis sit amet, condimentum a, accumsan tristique, tellus. In justo mi, interdum tempor, fermentum ut, porttitor at, lacus. Nulla lobortis commodo enim. Suspendisse varius auctor est. Phasellus sodales egestas leo.

Fazit

Sie haben völlig recht. Diese Herangehensweise ist unprofessionell. Natürlich muss man sich auskennen, um mit diesen Tools gut und mit Accessibility im Hinterkopf umgehen zu können.

In WordPress, das wir hier als Blogsoftware verwenden, sind JQuery und Scriptaculous bereits integriert. Es bietet sich also an, für hübsche Effekte auf deren Plugins zurückzugreifen. Dann laden die Seiten auch schneller, als es dieser Artikel gerade getan hat.
Auch dafür gibt es gute Tutorials, z.B. bei bueltge.de.

Nachtrag

Beim Drüber Nachdenken kommt mir das obige Plugin zu kompliziert vor. Das folgende jQuery Plugin scheint mir besser geeignet für den einfachen Effekt.

jQuery Accordion Plugin

jQuery ist auch nicht schlecht:

Oder sehen Sie hier irgendeinen Nachteil zum obigen, komplizierteren YUI Script?

Es ist schlank:

jQuery ist integriert in WordPress und das zusätzliche Accordeon Script hat 9kb.

Es ist einfach anzupassen:

Man kann beim Aufrufen ein paar Parameter angeben. Die Links wurden von mir dynamisch dazugefügt, dadurch wird das Akkordeon tastaturbedienbar. Ohne JavaScript gibt es auch keine überflüssigen Links. Das bisschen Styling kann man leicht selber machen, man braucht also kein zusätzliches CSS.

jQuery – einfacher slideToggle Effekt

jQuery ist gut:

Für eine einfache Slide Funktion benötigt man gar kein Plugin, nur ein paar Zeilen Code.

Es ist einfach:

Man muss kein JavaScript Guru sein, um diesen Code nachvollziehen zu können:
$('#jquerybeispiel2').find('p').hide().end().find('h4') .wrapInner('') .click(function(){ $(this).next().slideToggle("fast");return false;});

Es macht Spaß:

Einfache Effekte sind leicht zu bewerkstelligen. Aber es lohnt sich absolut, jQuery genauer zu lernen.

Tab Parade rollt

Beate Firlinger — Thu, 16 Oct 2008 10:16:40 +0000

Es war eigentlich nur so ein spontaner Gedanke. Jetzt setzen wir ihn um und starten die erste Tab Parade im weltweiten Web. Anlass ist der “Internationale Tag der Tastatur”, den Robert Lender am 15. Oktober 2007 erfunden hat, als bei unserer gemeinsamen Accessibility Blog Parade die Devise “Maus raus” ausgegeben wurde. Aus dem Tag wurden heuer gleich mehrere Wochen, in denen wir dazu anregen wollen, ohne Maus durchs Web zu tabben und Beiträge darüber zu schreiben.

Hinweise

Die Tab Parade läuft von 15. Oktober bis 25. November 2008. Viele Ideen und nützliche Infos dazu gibt es bei Robert Lender auf Nur ein Blog im Beitrag: Blog Parade zum Internationalen Tag der Tastatur.

Bei uns im MAIN_blog gibt es, wie versprochen, eine Tab Parade Roll, also eine Blogroll, in der wir – so wie auch im Twitter Feed Accessibility – laufend alle Beiträge sammeln und auflisten. Und obwohl wir diese kleine Webaktion bisher noch kaum beworben haben, sind auch bereits einige super Artikel zur Tab Parade beigesteuert worden.

Banner

Anders als von Robert angekündigt, gibt es jetzt auch ein Banner in zwei Größen zur Tab Parade 2008. Ich habe einfach schnell die alten Banner der Accessibility Blog Parade für aktuelle Zwecke rezykliert. Also, wer mag, kann Paradenbeiträge auch damit schmücken. Den Tag “tabparade” bitte jedenfalls verwenden. Danke gleich jetzt einmal an alle, die mit dieser Parade mittabben und mitbloggen.

Banner breit (GIF, Format: 468 x 60)

Banner quadratisch (GIF, Format: 150 x 150)

Tab und Enter

Maria Putzhuber — Mon, 13 Oct 2008 10:40:59 +0000

Der Robert Lender ist ein konsequenter Mann und will auch dieses Jahr wieder den „Internationalen Tag der Tastatur“ begehen, den er am 15. Oktober letzten Jahres ausgerufen hat. Wir schließen uns gerne an mit zwei kleinen Übungen zum Thema tastaturbedienbares JavaScript.
Lassen Sie also die Maus beiseite am 15. Oktober und tabben Sie sich durch den Tag. Die besonders Empathischen unter Ihnen – können auch Handschuhe anziehen oder versuchen, den Computer ohne Hände zu bedienen.

1. Dropdown Menüs

Für die Accessibility Hardcore Fraktion sind sie ein absolutes No-No – aus einer Menge guter Gründe. Das pragmatische Lager meint, wenn Sie sie nicht vermeiden können, machen Sie sie zumindestens richtig.

Hier nun eine Aufgabe speziell für MinisterialbeamtInnen und natürlich auch alle BürgerInnen, die sich sonst noch auf Ministeriumsseiten verirren. Vergleichen Sie die Dropdownmenüs auf der Website des Finanzministeriums und des Verteidigungsministeriums. Ohne Maus, wohlgemerkt! Welche Lösung ist aus Ihrer Sicht die richtigere? Kommentare herzlich willkommen.

2. JavaScript Widgets

Speziell für neugierige ProgrammiererInnen und alle Web 2.0 Zukunftsgläubigen die Aufgabe, sich durch die Website der Grünen zu bewegen – ohne Maus. Konzept und Design der Seite sind toll, an der barrierefreien Umsetzung wird noch etwas gefeilt, wie man hört.
Wo kommen Sie weiter, wo bleiben Sie stecken, wie programmiert mans richtig: das ist spannend, finden Sie nicht auch?

Am 15. Oktober machen Sie das bitte, nicht jetzt, jetzt könnten Sie den „Tag der Tastatur“ ebenfalls bewerben: Für ein besseres Web!