CSS: Pseudoklasse focus-within sinnvoll nutzen

Neue Pseudoklasse :focus-within Die CSS-Pseudoklasse :focus-within ist derzeit noch ein Editor’s Draft, aber bereits in Firefox und Safari implementiert, in Chrome kann sie aktiviert werden und wird in der nächsten Version für alle Nutzer freigeschaltet sein und steht dann etwa der Hälfte aller deutschen Webnutzer zur Verfügung (Derzeitige Unterstützung bei caniuse überprüfen). Für mich Grund … Read more

ZDF erreicht 90,75 Punkte im BITV-Test (gut zugänglich)

Kerstin Probiesch hat sich freundlicherweise mal mit www.zdf.de und der dort praktizierten Selbstbeweihräucherung auseinander gesetzt. Der dort genannte BITV-Test, mit dem auf Barrierefreiheit getestet wurde, ist in Fachkreisen zwar umstritten, ich halte ihn dennoch – im Gegensatz zu Kerstin – für ein geeignetes Werkzeug um Webseiten in Bezug auf Ihre Zugänglichkeit vergleichbar zu machen. Er … Read more

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. … Read more

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. … Read more

Inklusives Design: EU-Strategie für Menschen mit Behinderungen

Barrierefreiheit ist ein Qualitätsaspekt, den man nicht (nur) aus Anständigkeit oder Altruismus umsetzen sollte. Barrierefreiheit ist wirtschaftlich sinnvoll und wird in der EU wohl auch in absehbarerer Zeit in nationale Gesetze gegossen. Dabei handelt es sich um die Durchführung eines VN-Übereinkommens. Ein paar Zitate aus der MITTEILUNG DER KOMMISSION AN DAS EUROPÄISCHE PARLAMENT, DEN RAT, … Read more

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, … Read more

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 … Read more

Kleinigkeiten und so

Manchmal reite ich auf scheinbaren „Kleinigkeiten“ herum, welche die Konzentration stören und den Anwender zum Denken zwingen. „Don’t make me think“ war seit jeher meine Prämisse bei der Entwicklung von Webseiten. Wenn es um inclusive Design geht, ist das sogar noch wichtiger, denn Menschen mit Behinderungen, insbesondere Nutzer von assistiver Technik, haben ohnehin schon mehr … Read more