CSS

Das Web barrierefrei gestalten – Leitfaden für Entwickler

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 Code enthalten, dienen diese in der Regel nur der Verdeutlichung der Prinzipien von barrierefreien Webseiten. Das Web barrierefrei gestalten – Leitfaden für Entwickler weiterlesen

Inclusive Design: Video von Leonie Watson über Flexbox (und Grid)-Layouts (und Tee)

Leonie Watson hat vor einer Weile einen Vortrag gehalten, der sich unter anderem mit der Zugänglichkeit von Webseiten beschäftigt, die mit Flexbox gestaltet werden. Das meiste, was Sie hier gesagt hat, gilt auch für das neue CSS Grid. Deswegen: wer jetzt begeistert ist von den neuen Möglichkeiten des CSS-Grid, sollte sich das Video mal anschauen. Inclusive Design: Video von Leonie Watson über Flexbox (und Grid)-Layouts (und Tee) weiterlesen

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 Webseiten zum anhören: Tipps für die Sprachausgabe 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, Inclusives Design: Das „current page“-Problem weiterlesen

Inclusives Design: Formulare mit HTML und CSS

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 Inclusives Design: Formulare mit HTML und CSS weiterlesen

Umsetzung zugänglicher Webseiten

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 Umsetzung zugänglicher Webseiten weiterlesen