Ein Gastbeitrag von Ingo Steinke, nachhaltiger Webentwickler aus Berlin. Barrierefreiheit und Nachhaltigkeit in Webdesign und Webentwicklung haben einiges gemeinsam: sie werden oft zu Unrecht unterschätzt, sie verbessern die Nutzererfahrung (Usability), bringen damit oft auch wirtschaftliche Verbesserungen, also mehr Geld aufs Konto, und werden von Suchmaschinen und deren Algorithmen belohnt.  Was bedeutet nachhaltige und barrierefreie Webentwicklung?…

Digitale Barrierefreiheit endet für Menschen mit Einschränkungen nicht am Rand des Browserfensters. Wir versuchen, Nutzer langfristig an Unternehmen zu binden, versenden Newsletter oder kleine Erinnerungen per E-Mail, dass noch ein Produkt im Warenkorb liegt. Die Bestellbestätigung lässt dann hoffentlich nicht lang auf sich warten. Legen wir Wert auf barrierefreie E-Mails und Newsletter, dann stellen wir…

Sie werden sicher schon darüber gestolpert sein: Dauerhaft sichtbare oder hinter einem Button versteckte Funktionen, die Nutzer einer Website verwenden können, um die Seite für sie scheinbar lesbarer zu machen. Die häufigsten Optionen sind Hochkontrastversionen (weißer oder gelber Text auf schwarzem Hintergrund) und Schriftvergrößerungen. Doch braucht es diese Einstellungsmöglichkeiten eigentlich für eine barrierefreie Website? Das…

Cards sind ein beliebtes Inhaltselement auf Blogs und Online-Shops. So können sie einfach und schnell mit HTML und CSS barrierefrei umgesetzt werden.

Der Darkmode oder auch Dunkelmodus gilt als stromsparend und augenschonend. Stimmt das und wie können sich Websites das zunutze machen?

Wie gestaltet man mit CSS das fokussierte Element richtig und wo liegt der Unterschied zwischen den CSS-Pseudoklassen focus, focus-within und focus-visible?