http://webdesign.weisshart.de Ihr Internetauftritt - maßgeschneidert von webdesign weisshart Fri, 27 Aug 2010 12:58:44 +0000 http://backend.userland.com/rss092 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" Ausdrücke, also Wörter, die einem deutschsprachigen Leser wie englisch erscheinen, ... http://webdesign.weisshart.de/blog/2010/08/27/sprachwechsel-auszeichnen-auch-fur-denglische-begriffe/ ­ 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 sich, weil es Seiten invalid macht. Aber seit ich auf die ... http://webdesign.weisshart.de/blog/2010/07/24/bedingter-umbruch-ohne-trennstrich/ 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 der Blind-Text Blog vertritt im Wesentlichen meine Haltung. Eine zufällige Erfahrung ... http://webdesign.weisshart.de/blog/2010/07/04/sprachwechsel-oder-nicht-die-dritte/ 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 Beitrag.) Ein eckiger Rahmen um einen runden Button, das sieht wirklich ... http://webdesign.weisshart.de/blog/2010/06/19/der-gepunktete-rahmen-des-submit-buttons/ 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 fast alle denkbaren Sprachen Wörterbücher, die sich mit wenigen Klicks ... http://webdesign.weisshart.de/blog/2010/06/18/rechtschreibprufung-in-beliebigen-sprachen/ 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 die verfügbare Breite des Geräts (in der Hochformat-Ansicht) einzustellen. Dazu dient ... http://webdesign.weisshart.de/blog/2010/06/14/css-fuer-iphone-4-und-ipad/ 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 zukünftig nicht mehr unterstützt wird: For many years the CSS :visited ... http://webdesign.weisshart.de/blog/2010/06/09/besuchte-links-auf-webseiten-kennzeichnen/ 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 den markierten Fehler öffnet sich ein Kontextmenü mit Korrektruvorschlägen und ... http://webdesign.weisshart.de/blog/2010/06/07/rechtschreibprufung-im-firefox/ 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 wechseln Dieses Beispiel findet sich auf einer ansonsten technisch absolut sauber ... http://webdesign.weisshart.de/blog/2010/06/06/eine-seite-soll-nicht-auf-sich-selbst-verlinken/ 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 das Suchfeld so aus: Demo mit CSS im Quelltext http://webdesign.weisshart.de/blog/2010/06/05/ein-suchformular-mit-css3-gestaltet/