http://webdesign.weisshart.de Ihr Internetauftritt - maßgeschneidert von webdesign weisshart Copyright 2010 Fri, 27 Aug 2010 12:58:44 +0000 http://webdesign.weisshart.de/blog/2010/08/27/sprachwechsel-auszeichnen-auch-fur-denglische-begriffe/ http://webdesign.weisshart.de/blog/2010/08/27/sprachwechsel-auszeichnen-auch-fur-denglische-begriffe/#comments Fri, 27 Aug 2010 12:19:31 +0000 Accessibility - Usability http://webdesign.weisshart.de/blog/2010/08/27/sprachwechsel-auszeichnen-auch-fur-denglische-begriffe/ Damit Benutzern von Screen Readern der Inhalt von Webseiten verständlich vorgelesen wird, kann / soll man fremdsprachige Wörter / Passagen mit dem lang-Attribut auszeichnen. Darüber habe ich mehrfach gebloggt. Zuletzt hier: Sprachwechsel oder nicht - die Dritte Ein Sonderfall sind "denglische" ... http://webdesign.weisshart.de/blog/2010/08/27/sprachwechsel-auszeichnen-auch-fur-denglische-begriffe/feed/ http://webdesign.weisshart.de/blog/2010/07/24/bedingter-umbruch-ohne-trennstrich/ http://webdesign.weisshart.de/blog/2010/07/24/bedingter-umbruch-ohne-trennstrich/#comments Sat, 24 Jul 2010 18:10:38 +0000 Allgemein http://webdesign.weisshart.de/blog/2010/07/24/bedingter-umbruch-ohne-trennstrich/ ­ zur Erzeugung einer Worttrennung nur bei Bedarf dürfte allgemein bekannt sein. Getrennte Wörter werden korrekt mit einem Bindestrich vor dem Zeilenumbruch angezeigt. Was aber, wenn dieser Bindestrich nicht gewünscht ist, zum Beispiel bei einem Codeschnipsel? <wbr> oder <wbr /> verbietet ... http://webdesign.weisshart.de/blog/2010/07/24/bedingter-umbruch-ohne-trennstrich/feed/ http://webdesign.weisshart.de/blog/2010/07/04/sprachwechsel-oder-nicht-die-dritte/ http://webdesign.weisshart.de/blog/2010/07/04/sprachwechsel-oder-nicht-die-dritte/#comments Sun, 04 Jul 2010 21:20:38 +0000 Accessibility - Usability http://webdesign.weisshart.de/blog/2010/07/04/sprachwechsel-oder-nicht-die-dritte/ Sprachwechsel innerhalb eines HTML-Dokuments sollen/müssen entsprechend ausgezeichnet werden. Unter anderem, damit die jeweiligen Passagen von Screen Readern richtig vorgelesen werden. Zu diesem Thema habe ich mich hier im Blog bereits mehrmals geäussert: /blog/2009/09/26/sprachwechsel-fur-screen-reader-auszeichnen/ und /blog/2010/04/10/sprachauszeichnung-oder-nicht-sprachauszeichnung/ Mein Fazit: Zurückhaltung beim Auszeichnen von Sprachwechseln ist angesagt. Auch ... http://webdesign.weisshart.de/blog/2010/07/04/sprachwechsel-oder-nicht-die-dritte/feed/ http://webdesign.weisshart.de/blog/2010/06/19/der-gepunktete-rahmen-des-submit-buttons/ http://webdesign.weisshart.de/blog/2010/06/19/der-gepunktete-rahmen-des-submit-buttons/#comments Fri, 18 Jun 2010 23:50:31 +0000 Accessibility - Usability CSS http://webdesign.weisshart.de/blog/2010/06/19/der-gepunktete-rahmen-des-submit-buttons/ Der Firefox macht um den Absende-Button von Formularen einen gepunkteten Rahmen, wenn man den Button per Tabulator-Taste ansteuert. Das kann im Falle eines sorgfältig gestaltetes Designs arg stören. Ein Beispiel ist der per CSS "rund gemachte" Absende-Button meines Suchformulars. (siehe diesen ... http://webdesign.weisshart.de/blog/2010/06/19/der-gepunktete-rahmen-des-submit-buttons/feed/ http://webdesign.weisshart.de/blog/2010/06/18/rechtschreibprufung-in-beliebigen-sprachen/ http://webdesign.weisshart.de/blog/2010/06/18/rechtschreibprufung-in-beliebigen-sprachen/#comments Thu, 17 Jun 2010 23:21:39 +0000 Allgemein http://webdesign.weisshart.de/blog/2010/06/18/rechtschreibprufung-in-beliebigen-sprachen/ In diesem Blogbeitrag habe ich erst kürzlich über das nützliche Firefox Add-on "Deutsches Wörterbuch" berichtet. Was für ein irreführender Name. Das "Deutsch Wörterbuch" lässt sich ganz einfach um weitere Sprachen erweitern. Auf der Seite Wörterbücher und Sprachpakete gibt es für ... http://webdesign.weisshart.de/blog/2010/06/18/rechtschreibprufung-in-beliebigen-sprachen/feed/ http://webdesign.weisshart.de/blog/2010/06/14/css-fuer-iphone-4-und-ipad/ http://webdesign.weisshart.de/blog/2010/06/14/css-fuer-iphone-4-und-ipad/#comments Mon, 14 Jun 2010 16:30:06 +0000 CSS in eigener Sache http://webdesign.weisshart.de/blog/2010/06/14/css-fuer-iphone-4-und-ipad/ Seit langem statte ich meine Seiten mit einem fürs mobile Surfen optimierten CSS aus. Weil mobil Surfen, so ist jedenfalls mein Eindruck, erst wirklich Spaß macht, seit es das iPhone gibt, habe ich mir auch angewöhnt, die Anzeige gleich auf ... http://webdesign.weisshart.de/blog/2010/06/14/css-fuer-iphone-4-und-ipad/feed/ http://webdesign.weisshart.de/blog/2010/06/09/besuchte-links-auf-webseiten-kennzeichnen/ http://webdesign.weisshart.de/blog/2010/06/09/besuchte-links-auf-webseiten-kennzeichnen/#comments Wed, 09 Jun 2010 16:53:20 +0000 Allgemein Accessibility - Usability http://webdesign.weisshart.de/blog/2010/06/09/besuchte-links-auf-webseiten-kennzeichnen/ Eine alte Usability- und Accessibility-Forderung: Besuchte Links kennzeichnen. Und zwar nicht nur farblich. Auf webdesign weisshart wurde das bisher ganz deutlich in Form eines Häkchens hinter besuchten Links gemacht. hacks.mozilla.org hat vor einiger Zeit angekündigt, dass der CSS Selector :visited aus Sicherheitsgründen ... http://webdesign.weisshart.de/blog/2010/06/09/besuchte-links-auf-webseiten-kennzeichnen/feed/ http://webdesign.weisshart.de/blog/2010/06/07/rechtschreibprufung-im-firefox/ http://webdesign.weisshart.de/blog/2010/06/07/rechtschreibprufung-im-firefox/#comments Mon, 07 Jun 2010 18:01:16 +0000 Allgemein http://webdesign.weisshart.de/blog/2010/06/07/rechtschreibprufung-im-firefox/ Ein Firefox Add-on, das eigentlich auf keinem Rechner fehlen sollte: Deutsches Wörterbuch. Hilfreich, um beim Ausfüllen von Online-Formularen Flüchtigkeitsfehler, Tippfehler und Buchstabendreher zu erkennen. Von Carsten Knobloch stammt die pfiffige Anleitung um Fehler deutlicher zu markieren. Weniger bekannt: mit einem Rechtsklick auf ... http://webdesign.weisshart.de/blog/2010/06/07/rechtschreibprufung-im-firefox/feed/ http://webdesign.weisshart.de/blog/2010/06/06/eine-seite-soll-nicht-auf-sich-selbst-verlinken/ http://webdesign.weisshart.de/blog/2010/06/06/eine-seite-soll-nicht-auf-sich-selbst-verlinken/#comments Sun, 06 Jun 2010 10:55:08 +0000 Accessibility - Usability http://webdesign.weisshart.de/blog/2010/06/06/eine-seite-soll-nicht-auf-sich-selbst-verlinken/ Eine berechtigte Forderung, wenn es um Usability im Allgemeinen, oder um Barrierefreiheit im Besonderen geht: Eine Seite soll nicht auf sich selbst verweisen. Es leuchtet ohne nähere Erklärung ein, dass das folgende Beispiel irritieren kann: Du bist hier: Startseite - zur Startseite ... http://webdesign.weisshart.de/blog/2010/06/06/eine-seite-soll-nicht-auf-sich-selbst-verlinken/feed/ http://webdesign.weisshart.de/blog/2010/06/05/ein-suchformular-mit-css3-gestaltet/ http://webdesign.weisshart.de/blog/2010/06/05/ein-suchformular-mit-css3-gestaltet/#comments Sat, 05 Jun 2010 14:47:49 +0000 CSS in eigener Sache http://webdesign.weisshart.de/blog/2010/06/05/ein-suchformular-mit-css3-gestaltet/ Ich habe das Suchfeld auf dieser Seite mal ein wenig "aufgehübscht". Ohne ein einziges Bild, ausschließlich mit CSS. Und weil inzwischen alle modernen Browser CSS3 unterstützen, habe ich ausgiebig Gebrauch gemacht von den CSS3-Eigenschaften radius, gradient und box-shadow. Im Browser sieht ... http://webdesign.weisshart.de/blog/2010/06/05/ein-suchformular-mit-css3-gestaltet/feed/