ilimitado Web Entwickler Blog

Beim schreiben eines Blog Beitrages kommt es fast immer vor das man Akronyme setzen muss. Kommt in einem Text z.B die Abkürzung RSS vor, ist es im Hinblick, gerade auf barrierefreies Webdesign Sinnvoll, die Abkürzungen zu erklären.

Dies kann entweder mit dem XHTML Tag <acronym> oder dem Tag <abbr> geschehen. Ist eines dieser Tags gesetzt, bekommt der Benutzer der Homepage wenn er die Maus über dem Wort positioniert ein kleines Fenster angezeigt.
Im Falle von RSS zum Beispiel würde das Akronym so aussehen:


<acronym title="Really Simple Syndication">RSS</acronym>


Damit das ganze vom Benutzer besser wahrgenommen wird, ist es sinnvoll die Abkürzung dementsprechend mit CSS zu formatieren damit sich das ganze vom normalen Textfluss abhebt und vom Benutzer der Homepage wahrgenommen wird. Wir machen das im Regelfall so, wie man es in diesem Beitrag oben ganz am RSS oder XHTML Akronym sehen kann. Die Schrift etwas kleiner, kursiv und unterstrichen. Ausserdem wird wenn man mit der Maus über dem Wort ist ein anderer Cursor mit einem Fragezeichen eingeblendet. Der CSS
Code hierfür sieht so aus:


acronym{
border-bottom: 1px dashed #999999;
cursor: help;
font-style: italic;
font-size: 0.8em;
}


Da ich es als sehr zeitraubend empfunden habe bei 10 Akronymen, was sehr schnell geht, in einem Text jedesmal die Akronyme von neuem zu erstellen, hab ich eine Datei angelegt in die wir alle Akronyme die wir jemals verwendet haben ablegen werden.

So können wir, und nun auch Ihr, immer in Ruhe eure Texte schreiben und am Ende unsere ilimitado-acronym.txt aufmachen und den XHTML-COde fix reinkopieren. Ich habe jetzt einmal ca. 20 Akronyme von XHTML bis RDF eingetragen. Die Datei wird aber nun ständig erweitert werden. Die aktuelle Version wird immer unter dem folgenden link zu finden sein:

ilimitado-acronym.txt

Es ist wirklich eine Erleichterung und ich denke wenn jemand öfters bloggt bzw. mit XHTML zu tun hat wird er dies zu schätzen wissen.

Allein dieser kurz Blog Beitrag enthält übrigens 10 ! Akronyme.