Wer schon mal ein Ausklapp-Menü barrierefrei gestalten wollte, ist sicherlich ganz schön ins Schwitzen gekommen.

Wies geht, zeigt hier ein Artikel des “Barrierefrei informieren und kommunizieren”-Portals.

Und noch ein anderes, ähnlich schwieriges Thema.

Wie kann man Tabs auf einer Seite barrierefrei umsetzen?

Dirk Ginader beschreibt es in diesem Artikel:  “jQuery Accessible Tabs – Wie man Tabs WIRKLICH zugänglich macht”.

Inzwischen ist es noch viel leichter, den Google-Kalender in die eigene Website einzubinden.

Dazu geht man wie folgt vor:

HTML5

Was es damit auf sich hat, und ob man es jetzt schon einsetzen sollte, habe ich hier mal zusammengetragen:

Artikel über HTML5:

• http://meiert.com/de/publications/talks/20090924/
• http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/
• http://yatil.de/Weblog/wer-heute-schon-html5-einsetzen-sollte

Eine Reihe zu HTML5 von den Webkrauts:

• http://www.webkrauts.de/2009/09/21/moderne-semantik/
• http://www.webkrauts.de/2009/09/28/sehen-und-hoeren/
• http://www.webkrauts.de/2009/09/29/malen-nach-zahlen/
• http://www.webkrauts.de/2009/10/01/tipphilfen/
• http://www.webkrauts.de/2009/10/05/html5-in-der-praxis-1/
• http://www.webkrauts.de/2009/10/06/html5-in-der-praxis-2/

In englisch:

• http://dev.w3.org/html5/spec/Overview.html – HTML5 Spezifikationen vom W3C
• http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/ - HTML5 Cheat Sheet
• http://adactio.com/extras/pocketbooks/html5/ - HTML 5 Pocketbuch
• http://html5doctor.com/ - ganze Seite zu HTML 5
• http://www.alistapart.com/articles/semanticsinhtml5 und die deutsche Übersetzung dazu http://tobias-otte.de/essays/semantik-in-html-5/
• http://html5gallery.com/ – eine Seite, wo Websites vorgestellt werden, die schon mit HTML5 umgesetzt sind

Nachdem del.icio.us den Quelltext ein bisschen geändert hat, habe ich die del.icio.us-Tag-Wolke und die Einzellinks einmal überarbeitet.

Sie können den aktuellen Quellcode hier runterladen.

Und hier können Sie noch einmal meinen ersten Artikel sehen, wo alles genau erklärt ist.

Viel Spaß mit den del.icio.us – Links!

Gemeinsam mit Mitarbeitern und Partnern entwickelt und produziert die Sourcon Padena als mittelständisches Biotechnologie-Unternehmen biologische Pflanzenschutzmittel.

Optimale Suchmaschinentauglichkeit war unter anderem ein wichtiges Ziel bei der Erstellung der Seite. Sie wurde außerdem barrierefrei, mit validem XHMTL 1.0 und tabellenfreiem CSS-Layout erstellt.

Als Content Management System wurde Wordpress eingesetzt und angepasst.

Sourcon Padena besuchen

Meine Aufgaben

• Gestaltung und Umsetzung im Auftrag der Sabine Kettenhofen Kommunikation aus Ingersheim
• Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS
• Druckversion: zusätzliche CSS-Datei mit Definition spezieller Druckformatierungen
• Einfügen aller Inhalte
• JavaScript/DOM-Scripting: Umsetzung der Slideshow im Kopfbereich der Webseite und Einbindung der Fotogalerie
• PHP / CMS: Anpassung der Blogsoftware WordPress als CMS (Erstellung und Anpassung der Templates, Auswahl und Einbindung von Plugins)

Das Evangelische Jugendwerk (ejw) in Ludwigsburg bietet für Kinder und Jugendliche interessante und abwechslungsreiche Aktionen, Freizeiten und vieles mehr.

Ich betreue die Internetseite schon von Anfang an und jetzt wurde sie erneuert. Das Layout der Webseite wurde mit XHTML und CSS tabellenfrei und standardkonform umgesetzt. Die Seite ist barrierefrei und die vielen Bilder werden von einer Lightbox angezeigt.

ejw Ludwigsburg besuchen

Leistungen:

• Strukturierung der Inhalte
• Design: Screendesign, Bildbearbeitung und Web-Optimierung mit Adobe Photoshop
• Layout: Umsetzung mit XHTML und CSS
• barrierefreie Umsetzung
• Einfügen und Gestalten aller Inhalte
• Javascript: Programmierung eines Scripts zum zufälligen Austauschen des oberen Bildes in bestimmten Zeitintervallen und bei jedem Reload sowie der Rollover-Effekte bei Navigationselementen
• PHP: Entwicklung eines Scripts, das automatisch alle Bilder eines Ordners ausliest
• Pflege, Wartung und Aktualisierung der Internetseite von 2003 bis heute

1) Zuerst einmal lädt man das Video auf seinen Webspace.

2) Dann geht man auf subtitle-horse.org

3) gibt dort die URL des Videos an und klickt auf “submit”.

Jetzt kommt folgender Bildschirm:

4) Nun gibt man alle Untertitel an.

Dabei gibt es ein kleines Problem. Man kann das Video in subitle-horse.org nicht zwei oder mehrmals abspielen. Ich habe es mit allen Browsern versucht, aber es ist mir mit keinem gelungen.

UPDATE: Man muss ein richtig konfiguriertes .flv nehmen.

Nun ja, ich habe erst mal allen Text reingeschrieben und die Feinabstimmung später gemacht.

5) Alles exportieren.

Es wird in zahlreiche Formate konvertiert, darunter auch XML-Dateien im Timed Text Format. Dieses wird auch von der FLV Playback Komponente in Flash CS3 verwendet. Also genau das, was wir brauchen.

Man wählt also Titles -> Export -> TimedText jw MEDIA PLAYER 3.x, kopiert den XML-Quelltext aus dem Formular und speichert ihn als XML-Datei im Texteditor ab.

Also beispielsweise als orangen.xml.

Damit ist die Arbeit auf subtitle-horse.org beendet. In der Dokumentation findet man noch mehr Informationen.

Kennt jemand noch ein anderes Tool zum Erstellen der Untertitelanzeigen?

6) Doch zurück zum JW-Player. Dort muss der Text noch eingebunden werden.

Das geht im Setup Wizard. Dort gibt man im “Playback behavior” unter “captions” die XML-Datei an:

Am Ende steht die Variable captions mit der jeweiligen XML-Datei im Code.

etweder so:

so.addVariable('captions','orangen.xml');

oder so:

flashvars="height=250&width=400&file=/upload/player.flv&captions=orangen.xml

7) Nach dem Einbinden des Videos in die Seite zeigt ein Textsymbol dass es Untertitel gibt. Diese kann man aus- und einschalten.

Weiß jemand, ob es die Möglichkeit gibt, die Anzeige der Untertitel im Voraus auszuschalten? So, dass sie jemand der sie braucht, nur einschalten kann?

UPDATE: Um die Untertitel ausgeschaltet zu haben, aber noch die Möglichkeit, sie einzuschalten, benutzt man

usecaptions=false

und für die Audiodescription

useaudio=false

Danke an Sylvia Egger für den Tip!

8) Nun kann man, wenn man will, noch die Zeitabläufe korrigieren, indem man in der XML-Datei an der Stelle, wo die Anfangs- und Endzeit stehen, noch einbisschen vor- oder zurück formatiert.

9) Hier gibts von Jeroen Wijring noch einige Informationen zu barrierefreien Videos und wie man sie umsetzt.

Die Werbekette ist eine Werbeagentur von Sabine Kettenhofen. Mit ihrer Website stellt sie sich, ihre Leistungen und Referenzen, vor.

Optimale Suchmaschinentauglichkeit war unter anderem ein wichtiges Ziel bei der Erstellung der Seite. Sie wurde außerdem barrierefrei, mit validem XHMTL 1.0 und tabellenfreiem CSS-Layout erstellt.

die Werbekette besuchen

Die Werbekette erhielt im BITV-Test (Barrierefreiheit) 97,5 Punkte.

Leistungen:

• Beratung des Kunden über das Screendesign und die Anordnung der Inhalte
• Bildbearbeitung und Web-Optimierung
• Layout: tabellenlos mit XHTML und CSS
• Einfügen aller Inhalte nach den Gesichtspunkten der Barrierefreiheit
• Suchmaschinenoptimierung

Mit FoxLingo wird die Übersetzung einer Website zum Kinderspiel. Von etwa 30 Sprachen in genausoviele andere Sprachen.

Der Service nutzt online-Übersetzungs-Programme. So kann man eine englische Website auf ungefähr 15 Arten ins deutsche übersetzen. Worldlingo, Google und AltaVista sind nur drei von ihnen.

Ebenso kann man auch einzelne Wörter eine beliebige Sprache übersetzen, eine Sprache lernen, oder in einem von verschiedenen Lexika nachschlagen.

Ach so! Und FoxLingo ist ein Firefox-Plugin.

Für die Agentur sWEBian setze ich immer wieder (Photoshop-)Layouts in XHTML-Code und CSS-Stylesheets um.

Hier sind nun mal ein paar davon:

Meine Aufgabe

• Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS

Internetseiten werden auf vielen verschiedenen Medien genutzt. Dazu gehören die Browser der vergangenen, aktuellen und zukünftigen Generationen, aber auch Handhelds oder beispielsweise Screenreader, mit denen Blinde sich Internetseiten erschließen.

Damit die Informationen einer Webseite auf allen Lesegeräten, Browsern und von Menschen mit Behinderungen zugänglich sind, müssen diese speziell aufbereitet werden.

In der 2002 veröffentlichten Barrierefreien Informationstechnikverordnung (BITV) wurden Regeln zur Sicherstellung der Barrierefreiheit von Internetseiten gesetzlich festgelegt.

(Vollständige Fassung der BITV hier als PDF downloaden )

Das BIK – barrierefrei informieren und kommunizieren-Projekt unterstützt die Umsetzung der Barrierefreiheit und entwickelt Testverfahren zur Prüfung der Barrierefreiheit von Internet- und Intranetangeboten.  Der BITV-Test ist ein Prüfverfahren für die umfassende und zuverlässige Prüfung der Barrierefreiheit von Webangeboten. Die Internetseiten, die zu mindestens 95% barrierefrei sind, werden in die 95+ – Liste aufgenommen.

Ich habe für die barrierefreie Umsetzung von www.diewerbekette.de auch einen Platz in der BITV 95+ – Liste bekommen.

Für eine barrierefreie Internetseite sind folgende Punkte zu berücksichtigen:

Standardkonformität

Die Basis einer barrierefreien Website sind saubere Codierung und Vollständigkeit des Quelltextes.

Das WorldWideWeb Consortium hat dafür Standards erstellt und veröffentlicht. Die Einhaltung dieser Standards trägt dazu bei, dass Browser, wie der Internet Explorer oder Firefox die Webseiten auch richtig anzeigen.

Um zu überprüfen, ob Ihre Webseiten diesen Standards entsprechen, also valide sind, können Sie einen so genannten Validator benutzen. Das W3C stellt dafür ein Online-Tool zur Verfügung, den “W3C HTML Validation Service“.

Er überprüft Ihre Seiten auf Standardkonformität und zeigt vorhandene Fehler auf oder bestätigt die Validität Ihrer Webseite.

CSS−Dokumente können Sie mit dem “W3C CSS Validierungsservice” überprüfen.

Sinnvolle Strukturierung

Eine semantisch korrekte Strukturierung des Quelltextes sorgt für eine bessere Erschließbarkeit der Informationen für Blinde und und gleichzeitig auch für Suchmaschinen, die Ihre Website nach Informationen durchsuchen.

Das bedeutet, dass beispielsweise Überschriften auch als solche im Quelltext ausgezeichnet werden.

Die Wichtigkeit der Informationen wird damit nicht nur optisch, sondern auch strukturell in die Webseite eingebunden und kann so auch leicht wieder ausgelesen werden.

Textalternativen

Um die Inhalte Ihrer Webseite lesen zu können, benutzen blinde Menschen so genannte Screenreader.

Screenreader sind Programme, die lediglich die Textinhalte einer Webseite auslesen. Mit Hilfe einer angeschlossenen Sprachausgabe oder Braillezeile (wandelt Text in Blindenschrift um) können die Inhalte dann vom blinden Menschen gehört oder gelesen werden.

Einen Einblick in die Art, wie Internetseiten von Screenreadern gesehen werden, bekommen Sie mit dem Lynx Viewer, einem Tool, welches Textinhalte aus Internetseiten isoliert und daraus eine Nur-Text-Ansicht generiert. Geben Sie dort einmal die Adresse einer beliebigen Webseite ein!

Sie werden sehen, wie wichtig es ist, für Bilder und Multimedia-Objekte, wie zum Beispiel Flash-Filme Textalternativen bereit zu stellen, damit die in diesen Elementen enthaltenen Informationen auch von Blinden gesehen werden können.

Übrigens: Auch Suchmaschinen sind blind!

Sie erfassen Internetseiten genau wie Screenreader. Daher ist eine barrierefreie Internetseite auch für Suchmaschinen optimal zugänglich, was zu oft überraschend guten Positionierungen in den Ergebnisseiten führt.

Trennung von Inhalt und Layout

Eine weitere wichtige Voraussetzung für die Erstellung barrierefreier Web-Auftritte ist die Trennung von Inhalt und Layout.

Der Inhalt trägt die Information. Die Gestaltung macht die Informationen nur zugänglich. Dabei ist das Layout oft geräteabhängig. Eine Webseite sieht auf einem 20-Zoll-Monitor anders aus als auf einem Pocket-PC.

Eine Trennung von Inhalt und Layout ermöglicht eine Aufbereitung der Inhalte für verschiedene Ausgabegeräte.

Diese Trennung gelingt mit dem Einsatz von (X)HTML und CSS (Cascading Style Sheets).

Das (X)HTML der Seiten legt dann lediglich die Inhalte und deren Struktur fest, die Gestaltung für alle denkbaren Ausgabeformen wird hingegen mit Cascading Stylesheets (CSS) erreicht.

Die CSS-Layout-Datei kann in allen Seiten einer Website verlinkt werden und wirkt damit zentral auf alle Seiten eines Web-Auftritts!

Änderungen müssen dann nur noch in der CSS-Datei vorgenommen werden und werden dann auf alle Seiten angewendet. So lässt sich das Layout einer Webseite komfortabel und schnell aktualisieren.

Der CSS-Zen-Garden demonstriert eindrucksvoll, welche großen Möglichkeiten der Gestaltung mit CSS gegeben sind (ohne dass der HTML-Quellcode verändert werden muss.)

Flexible Layouts

Für die Umsetzung von Screendesigns sollten flexible Layouts gestaltet werden, welche es ermöglichen, die Textinhalte auch dann noch lesen zu können, wenn die Schriftgröße mit Hilfe der Browsereinstellungen vergrößert oder verkleinert wird.

Das bedeutet auch, dass barrierefreie Webseiten nicht (wie beispielsweise Drucksachen) auf jedem Browser identisch aussehen können.

Internetnutzer haben heutzutage viele Möglichkeiten, auf das Aussehen ihrer Internetseite mit Hilfe des Webbrowsers einzuwirken. So können sie die Schriftgröße ändern oder auch eine eigene CSS-Layout-Datei laden und damit der Seite ein ganz neues Layout geben.

Das in eine Webseite eingebundene Layout ist damit immer nur ein Angebot an den Nutzer, das einen optimalen Rahmen vorgibt.

Richtige Darstellung von Tabellen

Auch bei der Darstellung von Tabellen sind einige Besonderheiten zu beachten.

So sollten Tabellen nicht (wie früher üblich) zu Layoutzwecken, sondern nur zur Darstellung tabellarischer Daten verwendet werden.

Tabelleninhalte müssen sinnvoll bleiben, wenn man die Tabelle Zeile für Zeile der Reihe nach ausliest. Man nennt dies Linearisierbarkeit der Inhalte.

Auch Datentabellen können so aufbereitet werden, dass Screenreader diese sinnvoll vorlesen können.

Formulare

Kontaktformulare, Umfragen und andere Formulare ermöglichen die Interaktion mit dem Nutzer der Webseite.
Allerdings nur dann, wenn dieser auch versteht, in welchem Feld er welche Information eintragen kann.

Um das gewährleisten zu können, müssen die Formulare sinnvoll gestaltet und strukturiert sein.

Auch gibt es spezielle Möglichkeiten, im Quelltext die Übersichtlichkeit der Formularelemente zu erhöhen.

Sprache

Ein weiteres sehr wichtiges Element der Barrierefreiheit ist die Auszeichnung der verwendeten Sprache.

Diese kann jede aufgerufene Seite festgelegt werden. Werden innerhalb des Textes Fremdwörter verwendet, so sollte diesen im Quelltext die entsprechende Sprache zugewiesen werden.

Das sorgt zum einen dafür, dass Suchmaschinen wissen, in welcher Sprache Ihre Webseite verfasst wurde.

Zum anderen können Sprachausgaben nur so die Wörter auch richtig vorlesen. Ansonsten wird beispielsweise ein englisches Wort in deutscher Sprache ausgesprochen und ist dann kaum noch zu verstehen.

Navigation

Die Navigation innerhalb einer Webseite sollte sehr einfach und leicht verständlich sein.

Wenn möglich, werden mehrere Wege angeboten, zu den gesuchten Informationen zu kommen. Beispielsweise eine hierarchische Navigation UND eine Suchfunktion, welche die ganze Webseite durchsuchen kann.

Zudem sollte mit Hilfe spezieller Techniken sichergestellt werden, dass die Webseite auch ausschließlich per Tastatur bedienbar ist. Das kommt den Nutzern zugute, die beispielsweise aufgrund einer Körperbehinderung Schwierigkeiten haben, die Computer-Maus zu bedienen.

Farben und Kontraste

Für Menschen mit Farbsehschwächen ist es wichtig, dass Vorder- und Hintergrundfarbe der Webseite einen ausreichenden Kontrast aufweisen.

Auch sollte darauf verzichtet werden, Informationen nur durch Farben zu vermitteln, wie beispielsweise bei der Rot-Färbung von wichtigen Informationen.

Besser ist es, wichtige Informationen fett oder durch ein spezielles Zeichen zu markieren.

Multimedia

Beim Einsatz von Multimedia-Elementen, JavaScripts, Frames und PDFs sind weitere spezielle Regelungen zu beachten, um eine Webseite barrierefrei zu gestalten.

Testverfahren

Wie Sie die Barrierefreiheit einer Webseite testen können, habe ich in dem Artikel “Barrierefreiheit von Webseiten testen” auf der Netzspielwiese beschrieben »

Zusammenfassung

Wie Sie sehen, müssen für die Erstellung einer barrierefreien Webseite viele Faktoren beachtet werden.

Dennoch lohnt sich der Mehraufwand bei der Erstellung Ihrer Webseite, denn

• Sie erreichen damit eine wesentlich größere Zahl an Internet-Nutzern als mit einer herkömmlichen Webseite.
• Die Besucher Ihrere Internetseite finden auf Ihrer Seite schnell die gesuchten Informationen. Und nur zufriedene Besucher kommen wieder!
• Ihre Webseite ist durch die Barrierefreiheit auch optimal zugänglich für Suchmaschinen. Das führt zu einer guten Positionierung Ihrer Webseite innerhalb der Suchergebnisse.
• Eventuell später notwendige Änderungen lassen sich mit sehr wenig Aufwand umsetzen. Sie braucht dafür nicht wieder neu erstellt werden. Dadurch reduzieren sich die Wartungskosten für Ihre Webseite enorm.
• Die Informationen Ihrer Internetseite sind auch auf außergewöhnlichen Endgeräten, wie Pocket PCs lesbar.

Links

Hier noch ein paar Links zu weiterführenden Informationen:

• Einfach für Alle – eine Initiative der Aktion Mensch mit vielen Informationen rund um Barrierefreiheit
• Barrierefreies Internet auf wikipedia.de
• Barrierefreies Webdesign – gleichnamige Website zum Thema
• Barrierefrei informieren und kommunizieren – Projekt, das sich zum Ziel gesetzt hat, Webseiten, CD-Roms und Intranets für Blinde und Sehbehinderte zugänglich zu machen. Hier werden auch regelmäßig Seiten analysiert.
• Der Barrierekompass

Angebot

Sie haben noch Fragen? Sie möchten auch eine barrierefreie Webseite?

Dann nehmen Sie Kontakt mit mir auf!

Gern berate ich Sie bezüglich der Barrierefreiheit Ihres Internetauftritts und/oder unterstütze Sie bei der Überarbeitung oder Neugestaltung Ihres Internetauftritts nach aktuellen Webstandards und den Richtlinien der Barrierefreien Informationstechnikverordnung (BITV).

1. Mein Wordpress-als-CMS-Beitrag bleibt weiterhin gültig. Es funktioniert auch unter Wordpress 2.5 einwandfrei.

2. Auch die delicious-Tagwolke funktioniert ohne Probleme. Allerdings ist sie ja auch unabhängig von Wordpress.

3. Ein wenig Probleme hatte ich mit den Links.

Einerseits haben sie jetzt ganz andere Kategorien als vorher (?!)
Andererseits ist der Link-Tag ein anderer. wp_list_bookmarks heißt jetzt das Zauberwort.

Früher habe ich wp_get_links genutzt:

<?php wp_get_links(5); ?>

Damit ich jetzt so wie vorher die Links ansprechen kann, muss ich

<?php wp_list_bookmarks('orderby=id&order=DESC&category=5&categorize=0&title_li=0'); ?>

schreiben.

Und mit diesem Tag funktioniert dann auch mein DOM Rollover Script.

Alles in allem bin ich doch recht zufrieden mit Wordpress 2.5.
Im Admin-Bereich finde ich mich noch nicht so richtig zurecht. Ich fand es vorher auch gut :) Aber das ist sicher noch Gewöhnungssache.

Alle Blog-Beiträge sind zusammengefasst in einem lesenswerten barrierearmen (e)Buch.
Dieses kann sowohl online (kostenlos) bezogen als auch als PDF downgeloaded werden.

“Thematisch spannt das logbuch accessibility einen weiten Bogen, ausgehend von grundsätzlichen und durchaus kontroversiellen Annäherungen an die Frage „Was bedeutet Barrierefreiheit?“ bis hin zu praktischen Anleitungen, wie Webauftritte zugänglicher gestaltet werden können. Zusätzliche Navigationshilfe bieten außerdem Checklisten, Linktipps und ein Glossar im Anhang.” Zitat Access4All Weblog

via Access4All Weblog

Die aktuelle Version ist vom März 2008 und steht hier zum Download bereit »

Der Aufbau dieses Buches richtet sich nach den Bedürfnissen der Internetanbieter. Diese brauchen, um im Internet auftreten zu können,

§ eine Kennung (dies verweist auf das Domainrecht),
§ Inhalte (ein Tummelplatz für das Immaterialgüterrecht),
§ Werbung und Marketing (hier kommen die Wettbewerbsrechtler zu Wort),
§ den Kontakt zum Kunden (was zu Ausführungen zum Vertragsschluss und zum ECommerce- Recht führt)
§ sowie Daten der Kunden (hier kontrollieren die Experten des Datenschutzrechts).

Abschließend findet sich noch ein Abschnitt zu der Frage, wer für alle diese
Rechtsanforderungen haftet. Schließlich wird auch noch auf das Problem der Vollstreckung von Gerichtsentscheidungen im Internet eingegangen. Gerade das Vollstreckungsrecht ist der archimedische Punkt der Internetdiskussion.

Weitere Materialien und Veröffentlichungen des Instituts für Informations-, Telekommunikations- und Medienrecht.

BLOSS … die Klammern {} [] werden nicht auf der Tastatur angezeigt. Genau wie so viele andere Funktionen, die auf der Windows-Tastatur möglich waren.
Die Klammer-Tasten habe ich ja noch so rausgefunden.

Trotzdem habe ich mal nach “Tastatur” und “Mac” gesucht und bin beim Architektenwerk auf eine Übersicht von Mac-Tastaturbelegungen und -kurzbefehlen gestoßen »

Super!

Besonders die Tasten für den Screenshot hatte ich schon gesucht.

Hier mal einen Screenshot vom heutigen Datum »

UPDATE 19.04.08

Danke an Peter Linzenkirchner:

Apfel-Menü -> Systemeinstellungen -> Tastatur & Maus -> Tastaturkurzbefehle:

hier kannst du viele Tastenkürzel selbst einstellen und ändern.
Man kann auch für diverse Programme eigene definieren, indem man auf die +-Taste klickt, dann anschließend den Menütext eintippt und ein Tastenkürzel zuweist.

Ebenfalls in den Systemeinstellungen -> Landeseinstellungen -> Tastaturmenü sind die jeweiligen Tastaturbelegungen zu finden.

Wenn du dort die Tastaturübersicht sowie die Zeichenpalette anklickst und zudem noch unten die Option »Tastaturmenü in der Menüleiste zeigen«, dann erscheint rechts oben im Menü eine deutsch Fahne und darunter die beiden Paletten.

Insbesondere mit der Tastaturübersicht kannst du dir die gesamte Tastenbelegung zeigen lassen.
Dabei gilt: Sondertasten liegen am Mac auf der Alt-Taste.

Also einfach in der Tastaturbelegung einfach die verschiedenen Tasten drücken: Umschalt, Alt und Umschalt-Alt. So findest du alle Tasten.

In der Zeichenpalette sind die Unicode-Zeichen zu finden.

Ich habe das Programm schon lange und doch überlege ich jedes Mal wieder, wie in Metamorphose Dateien in aufsteigender Reihenfolge benannt werden können.

Darum hier ein Beispiel:

• Zuerst werden alle Dateien ausgewählt.
• Dann wird im Fenster “Hauptmenü” der Name angeklickt, dann Suchen und bei Ersetzen mit wird :fest: eingegeben.
• Dann im Ordner “Nummerierung” alles so setzen wie hier auf dem Bild zu sehen.
• Und Ok! klicken.

Metamorphose ist übrigens eine open source – Software und in vielen Sprachen (darunter auch deutsch) und für verschiedene Betriebssysteme erhältlich.

• tickspot
• Paymo
• mite
• Slimtimer
• Kimai
• Clocking IT
• Dr. Webs Zeiterfassung

Ich persönlich nutze den Working Time Tracker. Den hab ich mir mal vor 5 Jahren zugelegt und er hat mich seitem nie im Stich gelassen.

Wer mehr über die Programme wissen will, sollte mal zu Dr. Web gehen.

ndesign-studio bietet 320 Mini-Pixel-Icons zum Download an.
Die Icons sind 14×14px groß, mit transparentem Hintergrund und können für private und kommerzielle Projekte eingesetzt werden. Werden mehr als 10 Icons aus dem Set verwendet, soll ein Link zu www.ndesign-studio.com gesetzt werden.

Mark James hat gleich mehrere Iconsets gestaltet und stellt sie auf famfamfam.com zum Download bereit:

Die 1000 Silk Icons, 144 Mini-Icons und 239 Flaggen-Icons können ebenfalls frei verwendet werden, allerdings sollte man sich auch hier mit einem Link revanchieren.

(via pixelgraphix)

Sweetie ist eine Sammlung von über 100 Icons, die für private und kommerzielle Zwecke genutzt werden können (creative common – Lizenz).
Super: Das Download-Paket enthält auch die Photoshop-Dateien, so dass die Icons leicht an das eigene Design angepasst werden können.

Das Stylegala Icon Set enthält über 200 professionellen Mini-Icons.

Und auch das Drunkey Love Icon Set hat einige nette Icons im Angebot.

Die AJAX Activity Indicators sind Icons, welche auf der Internetseite einen Ladevorgang symbolisieren.

Eine Sammlung von www.napyfab.com.

(via ajax-scripting)

Wer seine Ajax Activity Icons lieber komplett selbst zusammenklicken möchte, kann das bei Ajaxload tun. »

Weitere kostenlose Icons für den Einsatz auf Webseiten hat Maxpower aufgespürt. Er beschreibt in einer übersichtlichen Tabelle, wo sie zu finden sind und unter welchen Bedingungen sie genutzt werden können.

Update 23.05.06:
Auch bei Dr.Web gibt es eineGratis-Icon-Sammlung. »

Und noch ein kleiner Tip: Das Iconbuffet verschenkt unter der Rubrik Free Delivery ebenfalls regelmäßig Icons an registrierte Mitglieder. Der Clou: die Icon-Sets können an 5 Freunde weitergeschickt werden. Da jeder andere Icons erhält, kann man seine Sammlung nur durch tauschen vervollständigen.

Update 06.01.2007:

Manuela Hoffmann von pixelgraphix bietet ein selbst gestaltetes Iconset zum Download an.

HoHoHo-Icons von brandspankingnew – 113 Icons in Grautönen.

Auch der Michael Wöhrer aka Software Guide sammelt Icons. Hier seine Empfehlungen »

Und eine Sammlung vom smashingmagazine»

Das offizielle Feed-Icon findet man hier als Vorlage in allen möglichen Formaten und Variationen.

Update 06.03.08

Das smashingmagazin hat wieder eine ganz großartige Sammlung von Icons online gestellt. Absolut sehenswert!

Dabei werden anhand der im HTML-Code verwendeten strukturierenden Tags für Überschriften, Listen oder Tabellen die entsprechenden PDF-Tags erzeugt. Die Funktion wurde in PHP auf Basis von PDFlib programmiert – das ist ein Entwicklungswerkzeug, mit dem (auch getaggte) PDFs dynamisch auf dem Webserver generiert werden können. (feld.wald.wiese)

Ausprobiert werden kann der HTML-to-PDF-Converter auf einer beliebigen Seite von bik-online.info. Bei Klick auf den Link “diese Seite als PDF” wird sie automatisch umgewandelt.

Prima!

Und sie erklären, wie barrierefrei nutzbare Internetangebote aufgebaut sein sollten.

via efa