Webseiten zum anhören: Tipps für die Sprachausgabe

Lesen lassen – nicht nur für Blinde eine Hilfe Webseiten sind in den meisten Fällen mit viel Aufwand optisch ansprechend gestaltet. Sie lassen sich heute in der Regel sowohl an einem großen Bildschirm, als auch auf dem kleinen Smartphone-Display bequem betrachten und bedienen. Aber habe Sie sich Ihre Webseite schon einmal vorlesen lassen? Zwar sind die … Weiterlesen …

Inclusives Design: Das „current page“-Problem

Was ist das „current page„-Problem? Beim „current page„-Problem geht es darum, wie man Nutzer idealerweise darüber informiert, auf welcher Seite man sich in einem Webangebot befindet und wie die geöffnete Seite im Hauptmenü dargestellt und ausgezeichnet werden soll. Im Fazit am Ende dieser Seite gebe ich zusammenfassende Empfehlungen. Bitte lesen Sie dennoch den gesamten Text, … Weiterlesen …

Inclusives Design: Formulare mit HTML und CSS

Auf den meisten Ihrer Seiten bieten Sie vermutlich Informationen an, die „nur“ gelesen werden sollen. Vielleicht haben Sie für Ihre Texte schon viel getan, um diese zugänglich zu machen. Auch  Formularen sollten Sie die gleiche Aufmerksamkeit widmen. Formulare sind schließlich eine Möglichkeit, mit Ihren Besuchern in Kontakt zu treten. Worauf Sie bei der Erstellung von inklusiven Formularen achten … Weiterlesen …

w3c Logotype

Umsetzung zugänglicher Webseiten

Man sollte nicht den Eindruck erwecken, es sei wahnsinnig zeitaufwändig, zugängliche Webseiten zu erstellen. Nötig ist eigentlich vor allem ein einmaliger Lernaufwand, damit man weiß, wie es geht. Beispielsweise semantisch korrekte Auszeichnung: die Tags zur Auszeichnung einer Überschrift schreiben sich nicht langsamer als die für das Element strong. Man muss nur wissen, dass strong eben … Weiterlesen …

Linktipps Responsives Webdesign (RWD)

In aller Kürze ein paar nützliche Links zum Thema responsives Webdesign: Online Tool zum  Testen: https://quirktools.com/screenfly/ RWD muss schnell sein und ein (von mir nicht präferierter) Lösungsansatz: http://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/ Die Bücher aus dem Galileo-Verlag haben mich immer wieder begeistert. Das unten verlinkte werde ich mir auf jeden Fall besorgen. Ihr solltet Euch mal die Videos ansehen. … Weiterlesen …

Speed is a feature – Tuning für Ihre Homepage

Wer eine Webseite besucht, möchte normalerweise nicht auf ein weißes „Blatt Papier“ starren. Um die eigene Webseite richtig schnell zu machen, muss Men eigentlich nichts tun. Wenn man ein statisches HTML-Dokument erstellt und dieses weder gestaltet noch per JavaScript aufpeppt, ist die Seite schneller beim Betrachter, als der gucken kann. Aber wer will schon eine … Weiterlesen …

CSS3-Kacheln

Es gibt zahlreiche Galerien und Generatoren, die den Hintergrund einer Webseite von einer weißen Schneewüste in einen lebendigen und abwechslungsreichen Blickfang verwandeln. Ich hoffe, ich habe bald mal Zeit den einen Generator oder die andere Galerie besonders ausführlich zu testen und dann auch hier zu besprechen. Einstweilen möchte ich nur die Galerie von Lea Verou … Weiterlesen …

Responsive Webseite bonn-realis.de online gegangen

Unter der Adresse www.bonnrealis.de ist meine erste durchweg responsive Internetseite online gegangen. Die im Rahmen meiner Arbeit als Angestellter der Bundesanstalt für Landwirtschaft und Ernährung entstandene Seite ist eine angepasste Version eines ungebrandeten TYPO3-Setups, mit dem sich individualisierbare, aber ähnliche Webseiten in kurzer Zeit mit überschaubarem Aufwand realisieren lassen (ähnlich eines Themes). Für die Seite … Weiterlesen …