Sprung zum Inhalt

Webdesign nach Maß von webdesign weisshart

Mein Blog

RSS Feed AbonnementRSS 2.0 Feed

zum Archiv und den Kategorien

Suchformular

Sonntag, 19. Dezember 2004

Endlich gibt's hier auch ein Suchformular..


Screenreader - wie Blinde surfen

Samstag, 18. Dezember 2004

Zu den wichtigsten Elementen auf einer Webseite zählt die Navigation. Wenn eine Seite wirklich für Alle zugänglich sein soll, dann muß auch und vor allem die Navigation unter allen denkbaren Bedingungen funktionieren.
Daß meine Seite auch unter Extrembedingungen zugänglich ist, dafür steht das folgende Beispiel:
Die Navigation, wie sie von Vorlesesoftware (sogenannten Screenreadern) "gesehen" wird,
hier zum Anhören als Flash Live Stream,
und hier zum download im mp3 Format (87 kB)

Dank an Eva Papst für die Audio Datei.


Dynamische Textersetzung

Donnerstag, 16. Dezember 2004

Die Seite im Stil LeonardoFür die Überschriften im Style "Leonardo" verwende ich eine Schriftart, die sicher nicht auf Ihrem PC installiert ist.
Wie so etwas geht, beschreibt Stewart Rosenberger in einem Artikel, der bei www.alistapart.com vorgestellt wurde.
Weil ich glaube, daß es gut auf meine Seite paßt, hab ich den Artikel ins Deutsche übersetzt.

Anregungen und Kritik sind diesmal ganz besonders willkommen.


Sprachauszeichnung

Das war schon lange auf der todo list:
Vollständige Sprachauszeichnung für Screenreader auf allen Seiten.
Auch das ist jetzt abgehakt - zumindest fast: Wie ich mit Englisch - Deutsch zusammengesetzten Wortungetümen wie z.B. Browserfenster umgehen soll, weiß ich nicht so recht. Ich hab mal gelesen, daß die Screenreader bei jedem Sprachwechsel eine mehr oder weniger lange Pause einlegen. Und dann klingt das so: Browser……..fenster.

Und noch ein Problem bleibt:
beim Schreiben hier im Weblog" muß ich jeden Sprachwechsel manuell codieren; und das ist nicht nur mühsam, sondern beinhaltet auch die Gefahr, daß sich Syntaxfehler einschleichen. Also schreiben - validieren - korrigieren u.s.w.
Mal sehen, ob ich Wordpress nicht doch noch so konfigurieren kann, daß die Tags zur Sprachauszeichnung einfacher einzufügen sind.


Hierarchische Navigationsmens und Screenreader

Mittwoch, 15. Dezember 2004

Das Navigationsmenü auf dieser Seite ist als <ul> ausgezeichnet, und hierarchisch gegliedert. Damit kann ich u.a. Submenüs kontextabhängig ein- und ausblenden.
Wie die Struktur der Navigation aussieht, kann man am besten auf der Sitemap sehen.
Screenreader haben damit Probleme, weil sie die Listenstruktur nicht erkennen.
Bei einfachfueralle.de wird eine Lösung für dieses Problem vorgestellt, unter Verwendung von logischen Textauszeichnungen mittels <dfn>.
Ich hab das mal hier eingebaut. Zu sehen ist das auf dem Bildschirm aber nur im Style "easy" (und am besten wieder auf der Sitemap). Für alle anderen Styles werden diese logischen Textauszeichnungen per CSS ausgeblendet.
Und im Quellcode kann man sich natürlich das ganze Menü anschauen.


sms2web Newsticker

Sonntag, 12. Dezember 2004

Der sms2web Newsticker ist online.
Damit kann jeder auf seiner eigenen Homepage einen Newsticker betreiben, und per SMS oder E-Mail aktualisieren - damit auch wirklich die brandheissen News sofort online sind.
Fragen zum sms2web Newsticker gerne auch hier als Kommentar.

Hinweis:
Nicht genutzte Konten werden regelmäßig gelöscht, um Ressourcen zu sparen.

und eine Bitte:
Das Format von SMS Nachrichten kann je nach Handy Fabrikat und Provider recht unterschiedlich sein. Wenn es also Probleme, z.B. mit Umlauten o.ä. gibt, bitte hier, oder auch gerne per E-Mail eine möglichst detaillierte Fehlerbeschreibung. Ich werde mich bemühen, den Fehler abzustellen.


Styleswitcher - aktiver Style

Samstag, 4. Dezember 2004

Was für die Navigation gilt, gilt auch für den Styleswitcher:
die aktuelle Auswahl sollte gekennzeichnet und kein aktiver Link sein - ein häufig vernachlässigtes usability feature.
Ich hab das heute mal umgesetzt. Und da meine Navigation einschließlich Styleswitcher per PHP eingebunden wird, mußte ich noch eine Abfrage einbauen, welcher Style gerade aktiv ist. Und das funktioniert natürlich per cookie-Abfrage.


Archiv:

Kategorien:

Creative Commons Lizenzvertrag
Alle Texte (nicht Bilder!) Creative Commons CC BY-NC-SA 3.0 DE