Inclusive Design: Das Accessible Object Model (AOM)

Lange ersehnt war die Möglichkeit, native HTML-Bedienelemente nachbauen zu können, um eigene entwickeln zu können. Mit dem Accessible Object Model (AOM) gibt es endlich einen offiziellen Standard für Entwickler und Browserhersteller, damit sich Software so verhält wie der Entwickler es…

CSS: Das Schlüsselwort fit-content und die Funktion fit-content()

Längenangaben mit CSS: für (fast) jeden Anwendungsfall gerüstet Die Möglichkeiten, mit CSS Angaben für Dimensionen zu notieren, sind zahlreich und erlauben es, die Abmessungen für Boxen in nahezu jeder Hinsicht anzupassen. Dabei sind es die feinen Unterschiede, die dazu führen,…

natives Lazy-Loading in Chrome 75 standardmäßig aktiv

Ab Version 75 ist im Chrome die (schon früher verfügbare) lazy loading-Funktion standardmäßig aktiv. So funktioniert es. <!– Das Bild wird erst bei Bedarf geladen –> <img src=“bild.jpg“ loading=“lazy“ alt=“Bild XYZ“/> <!– Das Bild wird direkt beim Seitenaufruf geladen –>…

Schulung: Grundlagen der barrierefreien Webentwicklung

Am 1. Oktober 2019 gibt es eine öffentliche Schulung zum Thema Barrierefreiheit für Entwickler in Bonn von Domingos de Oliveira und mir. Domingos ist selber blind und wird über diverse, weniger technische Aspekte sprechen, wie zum Beispiel rechtliche Erfordernisse oder…

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.

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…