Mein Buch „Das Web barrierefrei gestalten – Leitfaden für Entwickler“ ist in der Trainer-Edition des „Herdt Verlag für Bildungsmedien“ erschienen. Ziel war einen möglichst kompakten Einstieg für Entwickler in das Thema anzubieten. Obwohl das Buch und die mitgelieferten Beispiele auch…
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…
Inclusives Design: Das „current page“-Problem
Fragen zur Umsetzung digitaler Barrierefreiheit? – Buchen Sie mich als Dozent, Berater, Prüfer (mit BITV-Zertifikat).
Mehr unter www.accessibility.consulting
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, da er die Vor- und Nachteile der verschiedenen Methoden erläutert. Es gibt leider keine Methode, die immer optimal ist.
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 müssen, erfahren Sie in diesem Artikel.
Homepage erstellen mit HTML5
Die eigene Homepage ist immer noch der beste Platz für eine verlässliche Selbstdarstellung. Was für Netzwerke und Medien auch kommen und gehen, haunschild.de gibt es bereits seit knapp 20 Jahren! Nur über die eigene Homepage können Sie komplett selbst bestimmen. Wenn…
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…
Texte zeigen oder verbergen mit <details> und <summary>
(Stand: Januar 2017) Gerade auf Smartphones ist Platz kostbar. Aber auch auf dem Desktop ist es mitunter sinnvoll, Inhalte nur bei Bedarf ainzublenden. HTML5 bringt mit den Elementen details und summary alles nötige mit, um ganze Bereiche zu verstecken. Mehrfach…
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…
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,…
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…