Icons, nur mit CSS gestaltet
Auch im IE 8, und sogar mit Screen Reader nutzbar
Hier nur zwei Beispiele:
- Icon: Mail
- Icon: Home
Die Implementation ist genial einfach. Nur eine CSS Datei auf den Server und in die Seite einbinden. Ebenso einfach die Syntax zum Einbinden eines Icons. Einziger Nachteil, soweit ich das im Moment sehe, ist die beschränkte Anzahl verfügbarer Icons.
Quelle und Download: 25.12.2019: Die Site ist leider nicht mehr erreichbar
Nachtrag
Kerstin Probiesch hat mich - zurecht - darauf aufmerksam gemacht, dass die Verwendung dieser Icons unter bestimmten Umständen eine ernsthafte Barriere darstellt. Nämlich dann, wenn User benutzerdefinierte Farben eingestellt haben.
CSS-Icons dürfen nur verwendet werden, wenn Sie keinen Inhalt tragen, also nur dekorativ sind.
Falls die CSS-Icons Information tragen, also z.B. als Link fungieren, muss die Information zusätzlich in Textform angeboten werden.
Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.
1 Kommentar
Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.
Peter via smartphone schrieb am Montag, 17.06.13 14:20 Uhr:
Eine nette Sache, doch sehe ich im Moment keinen wirklichen Nutzen. Als "Dekoration" erscheinen sie mir nicht chic genug. Da sind reale Grafiken oder Fotos i.d. R. ansprechender.
Und wie Kerstin und Du richtig anmerkst, sind sie für den Zweck, für den sie am ehesten taugen eben nur sehr bedingt einsetzbar.