Barrierefreie Informatik – Seite 2 – Marlem-Software

CSS lernen leicht gemacht: Design für alle – inklusiv und barrierefrei

In meinem letzten Blogartikel haben wir den Grundstein gelegt: HTML. Wir haben gelernt, wie man einer Webseite Struktur gibt. Doch eine Webseite, die nur aus HTML besteht, sieht meistens sehr funktional und schlicht aus – fast wie ein nacktes Skelett.

Heute gehen wir den nächsten Schritt in unserer inklusiven Kursreihe: CSS (Cascading Style Sheets). In diesem Artikel erkläre ich, was CSS ist, warum es für die Barrierefreiheit so wichtig ist und wie blinde sowie sehende Menschen gemeinsam modernes Webdesign lernen können.

Warum jetzt CSS?

Während HTML für den Inhalt und die Struktur zuständig ist, kümmert sich CSS um das Aussehen. Mit CSS bestimmen wir Farben, Schriftgrößen, Abstände und das Layout.

Man könnte sagen: HTML ist das Haus (Wände, Türen, Fenster), und CSS ist die Inneneinrichtung und der Anstrich (Tapeten, Teppiche, Platzierung der Möbel).

Auf dem Bild ist CSS-Code, Text, Ein Symbol für Barrierefreiheit und eine Lupe.
„CSS lernen leicht gemacht: Design für alle – inklusiv und barrierefrei“ weiterlesen

Digitale Barrierefreiheit – Leitfaden 2026: Der ultimative Guide für Unternehmen und Entwickler

In einer immer digitaleren Welt ist der Zugang zu Informationen kein Luxus mehr, sondern ein Grundrecht. Spätestens seit dem Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) im Jahr 2025 ist das Thema von der „Nische“ in das Zentrum unternehmerischen Handelns gerückt. Wer im Jahr 2026 digital nicht barrierefrei ist, verliert nicht nur Kunden, sondern riskiert auch rechtliche Konsequenzen.

In diesem Leitfaden erfahren Sie alles, was Sie wissen müssen, um digitale Angebote für alle Menschen zugänglich zu machen. Die digitale Teilhabe für jeden Menschen mit einer Behinderung sicherzustellen, ist das Hauptziel, das wir mit einer modernen Website verfolgen sollten.

Eine blinde Frau sitzt vor einem Bildschirm. Ihre Finger sind auf einer Braille-Tastatur. Sie hat Kopfhörer auf. Auf den Kopfhörern ist das Symbol für Barrierefreiheit, welches man von Betriebssystemen kennt

„Digitale Barrierefreiheit – Leitfaden 2026: Der ultimative Guide für Unternehmen und Entwickler“ weiterlesen

Barrierefreiheitsstärkungsgesetz Tübingen: Ihr Fahrplan für 2026 – Was Unternehmen jetzt wissen müssen

In diesem Artikel wird erklärt, was das Barrierefreiheitsstärkungsgesetz ist, wer es umsetzen muss und warum es im Jahr 2026 so richtig wichtig wird.

Das Jahr 2025 war für viele Unternehmen in der Region Neckar-Alb ein Jahr des Umbruchs. Seit dem 28. Juni 2025 ist das Barrierefreiheitsstärkungsgesetz (BFSG) offiziell in Kraft. Wer heute, im Jahr 2026, einen Online-Shop betreibt oder digitale Dienstleistungen in Tübingen und Umgebung anbietet, kommt an der Hürdenfreiheit nicht mehr vorbei.

Doch wie sieht die Realität ein Jahr nach dem Stichtag aus? In diesem Leitfaden für 2026 erfahren Sie, warum Barrierefreiheit kein „Projekt“, sondern ein dauerhafter Prozess ist und wie Sie als Tübinger Unternehmen sicher durch die gesetzlichen Vorgaben navigieren.

Was ist das Barrierefreiheitsstärkungsgesetz und warum brauchten wir es?

Das Barrierefreiheitsstärkungsgesetz ist die deutsche Antwort auf eine EU-weite Richtlinie, den „European Accessibility Act“. Doch warum war ein neues Gesetz überhaupt nötig? Bisher gab es eine juristische Gerechtigkeitslücke: Während staatliche Stellen und Behörden schon lange gesetzlich verpflichtet waren, ihre Webseiten zugänglich zu gestalten, durfte die Privatwirtschaft selbst entscheiden, ob sie Barrieren abbaut oder nicht. Das führte dazu, dass Millionen von Menschen beim Online-Shopping oder bei privaten Bankgeschäften oft vor digitalen Mauern standen.

Das BFSG schließt diese Lücke nun endgültig. Es holt die Privatwirtschaft mit ins Boot und macht Barrierefreiheit von einer freiwilligen „Nice-to-have“-Option zur verbindlichen Pflicht für fast alle digitalen Dienstleister.

Monitor, Tastatur, Hand, §-Zeichen, Text BFSG Rollstuhlsymbol und andere Symbole.

„Barrierefreiheitsstärkungsgesetz Tübingen: Ihr Fahrplan für 2026 – Was Unternehmen jetzt wissen müssen“ weiterlesen

Barrierefreie Apps – Alles Wissenswerte

In diesem Artikel wird alles erklärt rund um barrierefreie Apps.

In unserer heutigen Welt läuft fast nichts mehr ohne das Smartphone. Wir buchen Bahnfahrkarten, checken unseren Kontostand oder bilden uns weiter – alles mit ein paar Tippbewegungen auf dem Bildschirm. Doch was passiert, wenn jemand den Bildschirm nicht sehen oder die Finger nicht präzise bewegen kann? Hier kommt das Thema Barrierefreiheit ins Spiel. In diesem Artikel erklären wir ausführlich und verständlich, warum eine App barrierefrei sein muss und worauf es bei der Barrierefreiheit für mobile Geräte unter Android und iOS ankommt. Ein anderes Wort für Barrierefreiheit ist Zugänglichkeit.

Was sind Apps?

Der Begriff „App“ ist eine Abkürzung für das englische Wort „Application Software“. Im allgemeinen Sprachgebrauch verstehen wir darunter mobile Programme, die Aufgaben erfüllen. Dabei müssen wir jedoch zwischen zwei wichtigen Arten unterscheiden: den klassischen nativen Apps und den modernen Progressive Web Apps (PWAs).

Native Apps
Diese sind speziell für ein bestimmtes mobiles Betriebssystem entwickelt. Das bedeutet, es gibt Anwendungen, die exklusiv für iOS (Apple iPhones/iPads) programmiert sind, und solche für Android (z. B. Samsung oder Google Pixel). Man lädt sie meist über den App Store oder Google Play Store herunter.

Progressive Web Apps (PWAs)
Es gibt jedoch eine sehr flexible Alternative: Progressive Web Apps. Diese werden mit Web-Technologien entwickelt. Während native Apps an ihr Handy-Betriebssystem gebunden sind, können PWAs auf jedem Betriebssystem installiert werden. Das bedeutet, eine PWA funktioniert nicht nur auf dem Smartphone, sondern lässt sich auch auf Desktop-Computern installieren – egal ob darauf Windows, Linux oder macOS läuft.

Was ist digitale Barrierefreiheit?

Digitale Barrierefreiheit bedeutet, dass digitale Angebote – seien es Webseiten, Software oder eine App – so gestaltet sind, dass sie von allen Menschen genutzt werden können. Dabei spielt es keine Rolle, ob eine Person körperliche Einschränkungen hat oder auf Leichte Sprache angewiesen ist.

Das Ziel ist Inklusion: Niemand soll aufgrund einer Behinderung ausgeschlossen werden. Eine barrierefrei gestaltete digitale Welt baut Hürden ab.

Was bedeutet Barrierefreiheit bei Apps?

Wenn wir Barrierefreiheit speziell auf Apps beziehen, geht es darum, die Anwendung so zu programmieren, dass sie mit den im Smartphone eingebauten Bedienungshilfen kommunizieren kann.

Ein praktisches Beispiel: Ein blinder Mensch sieht die Buttons auf dem Bildschirm nicht. Er nutzt deshalb einen Screenreader, der in jedem modernen System integriert ist (VoiceOver bei iOS, TalkBack bei Google Android). Wenn der Finger über einen Button streicht, liest das Handy vor, was dort steht.
Eine App ist dann gut, wenn:

Der Screenreader genau erkennt: „Das ist der ‚Kaufen‘-Button“.
Die Kontraste so stark sind, dass auch Menschen mit Sehschwäche den Text lesen können.
Die Nutzung der systemseitigen Bedienungshilfen problemlos funktioniert.

Um digitale Teilhabe zu sichern, spielt die Barrierefreiheit auf jedem mobilen Endgerät eine zentrale Rolle, weshalb Entwickler insbesondere bei Android-Apps auf technische Standards und Leichte Sprache achten müssen. Nur so wird echte Zugänglichkeit erreicht, die auch Android-Nutzern zugutekommt und beweist, wie wichtig durchdachte Zugänglichkeit ist.

Ein Laptop, 1 Smartphone, 1 Tablet. Jeweils auf dem Display der Text: Accessible EB APP
„Barrierefreie Apps – Alles Wissenswerte“ weiterlesen

Matt in 24 Tagen: Marlems Schach-Adventskalender ist da!

Das IT-Unternehmen Marlem-Software hat einen Adventskalender für Schachspieler programmiert.

Matt in 24 Tagen: Marlems Schach-Adventskalender ist da! Das IT-Unternehmen Marlem-Software hat einen Adventskalender für Schachspieler programmiert. In diesem Artikel erfährst du alles darüber.

Morgen ist es soweit: Der 1. Dezember steht vor der Tür! Die Vorfreude auf Weihnachten steigt, und was gibt es Schöneres, als die Wartezeit mit strategischem Denken zu verkürzen? Während andere Schokolade auspacken, bringe ich deine grauen Zellen auf Trab. Ich freue mich riesig, euch Marlems Schach-Adventskalender vorzustellen – die perfekte App für alle, die das „Spiel der Könige“ lieben oder es lernen wollen.

Schach ist ein Brettspiel. Das Ziel ist es den gegnerischen König Matt zu setzen. Die Seite welche den gegnerischen König Matt setzt gewinnt die Schach-Partie. Oft entscheidet sich das Schicksal einer Partie in wenigen, genialen Zügen, die den Gegner völlig überraschen und das Spielglück wenden.

Was erwartet dich hinter den Türchen?

Ich habe keine Mühen gescheut, um eine bunte Mischung aus Unterhaltung, Training und Wissen zusammenzustellen. Egal, ob du blutiger Anfänger bist oder schon DWZ-Punkte sammelst – hier ist für jeden etwas dabei. Anders als bei einem klassischen Schoko-Adventskalender oder einem Buch aus dem Verlag, bietet dieser digitale Kalender Nahrung für den Geist statt Kalorien für die Hüften oder Platzverbrauch im Regal. Viele Bücher vermitteln zwar Theorie, aber hier kannst du interaktiv üben. Basierend auf unserem Code (aber ohne zu viel zu verraten!) kannst du dich auf folgende Highlights freuen:

Knifflige Taktik-Rätsel: Finde den besten Zug! Vom „Matt in 1“ bis zu komplexeren Kombinationen ist alles dabei. Manchmal liegt die Lösung in einer erzwungenen Abfolge von Zügen, bei der du präzise vorausberechnen musst, um den Sieg davonzutragen.
Schach-Wissen & Geschichte: Kennst du die „Unsterbliche Partie“? Weißt du, wer das „Match des Jahrhunderts“ gewann? Ich nehme dich mit auf eine Zeitreise.
Schach-Humor: Ja, Schachspieler können auch lachen. Freue dich auf Witze, die genau ins Schwarze treffen.
Die Stars der Szene: Erfahre mehr über aktuelle deutsche Spitzenspieler wie Vincent Keymer und Elisabeth Pähtz sowie die Weltmeister der Geschichte.
Trainingstipps: Lerne den Unterschied zwischen „Schach“ und „Patt“ oder hole dir Strategie-Tipps direkt aus der Großmeister-Praxis von Schachgroßmeisterin Josefine Safarli.
Auch für den Nachwuchs: Schach fördert die Konzentration – ideal auch für Kinder und Jugendliche, die spielerisch lernen wollen. Es ist quasi ein digitaler Schlaumeier-Adventskalender, der jeden Tag schlauer macht.

Nutze die besinnlichen Tage vor Weihnachten, um dein Endspielverständnis auf ein neues Level zu heben und typische Anfängerfehler abzustellen. Jeden Tag gibt es genau eine neue Aufgabe oder Geschichte – perfekt für die kurze Pause zwischendurch.

Marlems Schach-Adventskalender in Vollansicht. 24 Türchen, ein Texthinweis zur Tastaturbedienung — Marlems Schach-Adventskalender in Vollansicht.

„Matt in 24 Tagen: Marlems Schach-Adventskalender ist da!“ weiterlesen

Google setzt Zeichen: Neue deutsche Webseite zur digitalen Barrierefreiheit

In diesem Blogartikel wird informiert, dass Google eine neue, deutschsprachige Webseite zum Thema digitale Barrierefreiheit online gestellt hat.

Großartige Neuigkeiten! Google hat eine brandneue Webseite zum Thema digitale Barrierefreiheit in Deutschland gestartet. Es ist eine beeindruckende Ressource, die zeigt, wie Google-Produkte für alle nutzbar gemacht werden, unabhängig von individuellen Bedürfnissen.

1 Mann und eine Frau, beide im Rollstuhl, und eine dritter Mann freuen sich über die digitale Barrierefreiheit bei Google
„Google setzt Zeichen: Neue deutsche Webseite zur digitalen Barrierefreiheit“ weiterlesen

Ein barrierefreies Webformular mit einem KI-Prompt von Google AI Studio programmieren

In diesem Blogartikel wird erklärt wie man mit der Künstlichen Intelligenz Google AI Studio ein barrierefreies Webformular programmieren kann.

In der heutigen digitalen Welt ist Barrierefreiheit nicht nur eine ethische Verpflichtung, sondern auch ein entscheidender Faktor für den Erfolg einer Website. Jedes Detail zählt, und Webformulare sind oft die Schnittstelle, an der Nutzer mit deiner Marke interagieren. Ein barrierefreies Formular stellt sicher, dass jeder, unabhängig von seinen Fähigkeiten, Informationen eingeben und senden kann.

Was wäre, wenn du den Prozess der Erstellung eines solchen Formulars beschleunigen könntest? Genau das haben wir getan, indem wir Google AI Studio um Hilfe gebeten haben. In diesem Artikel zeigen wir dir, wie ein einfacher KI-Prompt zu einem vollständig funktionierenden und barrierefreien HTML- und CSS-Formular führte.

Was ist ein Webformular?

Ein Webformular ist im Wesentlichen ein digitaler Fragebogen auf einer Webseite, der es Benutzern ermöglicht, Informationen einzugeben und an den Server zu senden. Du kennst sie von Online-Shops (Bestellformulare), Registrierungen für Newsletter oder der Eingabe deiner Login-Daten. Sie bestehen typischerweise aus Eingabefeldern (für Text, Zahlen, E-Mails), Auswahllisten, Checkboxen und einem „Absenden“-Button.

Besonders wichtig sind Webformulare auch bei der Kontaktaufnahme mit Behörden und Ämtern. Ob es um die Beantragung eines Dokuments, die Meldung eines Anliegens oder die Übermittlung von persönlichen Daten geht – immer häufiger werden diese Prozesse online über Webformulare abgewickelt. Hier ist Barrierefreiheit von größter Bedeutung, damit alle Bürgerinnen und Bürger uneingeschränkt Zugang zu öffentlichen Dienstleistungen haben.

„Ein barrierefreies Webformular mit einem KI-Prompt von Google AI Studio programmieren“ weiterlesen

Barrierefreie Webseiten-Navigation programmiert mit einem KI-Prompt für Google AI Studio

Dieser Blogartikel führt Sie durch den Prozess, wie Sie die Künstliche Intelligenz von Google nutzen, um eine voll funktionsfähige und barrierefreie Navigation für Ihre Webseite zu programmieren. Ich erkläre, wie ein präziser Prompt Sie dabei unterstützt.

Barrierefreiheit im Web ist ein Grundpfeiler einer inklusiven digitalen Welt. Alle Menschen sollen das Internet nutzen können, unabhängig von körperlichen Einschränkungen. Doch wie lassen sich die komplexen Anforderungen der Barrierefreiheit effizient und präzise umsetzen? In diesem Artikel zeige ich, wie man mit Hilfe künstlicher Intelligenz (KI) eine barrierefreie Navigation für eine Website erstellen kann. Schritt für Schritt erklären wir, was eine Webseiten-Navigation ist, warum sie barrierefrei sein sollte und wie ein sogenannter KI-Prompt aussieht. Anschließend sehen wir uns den automatisch generierten HTML- und CSS-Code an. So kann jeder nachvollziehen, wie moderne Technik bei der Webentwicklung hilft – ganz ohne tiefgreifende Programmierkenntnisse.

Was ist eine Webseiten-Navigation?

Die Navigation ist das Herzstück jeder Website und dient als Wegweiser für Besucher. Sie besteht typischerweise aus Links wie „Startseite“, „Über uns“, „Kontakt“ und weiteren Unterseiten und ist meist im Kopfbereich oder in der Seitenleiste einer Website platziert. Eine gut strukturierte Navigation verbessert nicht nur die allgemeine Nutzerfreundlichkeit, sondern ist auch entscheidend für die Zugänglichkeit – insbesondere für Menschen mit Behinderungen.
Eine Frau bedient auf einer Webseite eine barrierefreie Navigation auf einem Touchscreen
„Barrierefreie Webseiten-Navigation programmiert mit einem KI-Prompt für Google AI Studio“ weiterlesen

Barrierefreie Softwareentwicklung für Reutlingen – Softwareentwickler für inklusive Anwendungen

Immer mehr Menschen in Reutlingen und der Region Neckar Alb suchen nach Softwareentwicklern, die barrierefreie Software entwickeln. Barrierefreie Softwareentwicklung bedeutet, dass Programme für alle Menschen zugänglich sind – auch für Menschen mit Behinderungen, motorischen Einschränkungen oder ältere Nutzer.
Wenn Sie aus Reutlingen sind und einen Softwareentwickler suchen, der sich mit Accessibility, WCAG und EN 301 549 auskennt, sind Sie hier richtig.

Für jedes Unternehmen, das erfolgreich sein möchte, ist die Entwicklung barrierefreier Softwarelösungen durch einen erfahrenen Softwareentwickler eine zukunftsweisende Entscheidung.

Was ist Software?

Software ist das, was einem Computer sagt, was er tun soll. Sie besteht aus Programmen und Anwendungen, die Aufgaben automatisieren oder erleichtern.
Beispiele sind Desktop-Anwendungen, Web-Apps, Mobile Apps oder Unternehmenssoftware.
Man unterscheidet zwischen Systemsoftware (Windows, macOS, Linux) und Anwendungssoftware (z. B. Textverarbeitung, Browser, branchenspezifische Programme).

Was ist Softwareentwicklung?

Softwareentwicklung ist der Prozess, bei dem Software geplant, programmiert, getestet und gepflegt wird.
Ein Softwareentwickler in Reutlingen erstellt den Quellcode, testet Programme und sorgt dafür, dass Anwendungen benutzerfreundlich und barrierefrei sind.
In Reutlingen gibt es viele Unternehmen, die individuelle Softwarelösungen für Industrie, Handel und Verwaltung benötigen – von Desktop Anwendungen bis zu Web Applikationen. Gerade für ansässige Unternehmen ist es dabei entscheidend, dass diese Softwarelösungen skalierbar und zukunftssicher programmiert werden, um langfristig wettbewerbsfähig zu bleiben.

Viele IT-Talente in der Region entscheiden sich für ein Studium der Informatik an der Hochschule Reutlingen oder der Universität Tübingen, um die theoretischen Grundlagen der Programmierung zu erlernen. Doch ein Studium allein reicht oft nicht aus; erst die praktische Anwendung in realen Projekten macht aus einem Absolventen einen Experten für inklusive Software.

Was sind Programmiersprachen?

Programmiersprachen sind Werkzeuge, mit denen Softwareentwickler Anwendungen erstellen. Wichtige Sprachen für barrierefreie Software sind:

Java + JavaFX – Ideal für plattformübergreifende Desktop-Anwendungen mit Integration der Java Accessibility API.
C# / WPF / Windows Forms – Perfekt für Windows-Anwendungen, mit Unterstützung von UI Automation und Tastatursteuerung.
Python + Qt – Für plattformübergreifende Anwendungen, die Screenreader, hohe Kontraste und Tastaturbedienung unterstützen.
JavaScript – Für Webanwendungen und Webseiten, mit WCAG-konformen HTML-Elementen und ARIA-Attributen.

Jede Sprache hat ihre Stärken. Ein Softwareentwickler in Reutlingen wählt die passende Technologie je nach Projekt, Zielgruppe und Anforderungen an Barrierefreiheit.

Ein erfahrener Entwickler weiß zudem genau, wie er die spezifischen Accessibility-Bibliotheken der jeweiligen Sprache effizient nutzt, um Fehlerquellen von vornherein auszuschließen.

Was ist barrierefreie Software?

Barrierefreie Software ist so gestaltet, dass Menschen mit Einschränkungen sie ohne zusätzliche Hilfe bedienen können.
Dazu zählen insbesondere:

Blinde Menschen, die Screenreader oder Braillezeilen nutzen.
Sehbehinderte Menschen und Personen mit Farbfehlsichtigkeit, die auf klare Strukturen und hohe Kontraste angewiesen sind.
Menschen mit motorischen Einschränkungen in den Händen, die Software über Tastatur oder alternative Eingabegeräte bedienen.
Ältere Menschen, deren körperliche Fähigkeiten nachlassen.

Barrierefreie Software ist nicht nur gesetzlich vorgeschrieben, sondern verbessert Usability und Benutzerfreundlichkeit für alle Nutzer.

„Barrierefreie Softwareentwicklung für Reutlingen – Softwareentwickler für inklusive Anwendungen“ weiterlesen

Barrierefreies Multiple-Choice-Quiz mit einem GPT-Prompt programmieren – Praxisanleitung

In diesem Blogartikel wird erklärt wie mit einem ChatGPT-Prompt ein barrierefreies Multiple-Choice-Quiz programmiert werden kann.

Einleitung

Barrierefreiheit im Web ist kein „Nice-to-have“ mehr, sondern eine Voraussetzung, damit digitale Angebote von allen Menschen genutzt werden können. Ob Screenreader, Tastatursteuerung oder farbkontrastsicheres Design – ein gutes Webprojekt muss diese Aspekte berücksichtigen.

Doch wie kann man ein solches Projekt effizient umsetzen, ohne bei null anfangen zu müssen? Hier kommt GPT ins Spiel. Mit einem sorgfältig formulierten Prompt lassen sich komplette, barrierefreie Anwendungen generieren.

In diesem Artikel zeige ich Schritt für Schritt, wie ein Multiple-Choice-Quiz als Progressive Web App (PWA) entsteht – barrierefrei, tastaturfreundlich und screenreader-tauglich.

Was ist ein Multiple-Choice-Quiz?

Ein Multiple-Choice-Quiz ist ein Frage-Antwort-Spiel, bei dem es zu jeder Frage mehrere Antwortmöglichkeiten gibt. Meistens ist genau eine Antwort richtig, manchmal können es auch mehrere richtige Antworten sein.

Vorteile eines Multiple-Choice-Quiz:

Spieler:innen können strukturiert überlegen.
Lerninhalte lassen sich klar abfragen.
Die Auswertung ist einfach, weil die Antworten vordefiniert sind.

Beispiele kennt man aus Schul-Tests, Führerscheinprüfungen oder Online-Lernplattformen.

Menschen, die JavaScript programmieren können, sind in der Lage, die Quiz-Fragen sehr leicht an ihre eigenen Bedürfnisse anzupassen. So ist es möglich, mit diesem Quiz ganz unterschiedliche Inhalte zu lernen – von Schulfächern über Themen im Studium bis hin zu Schachaufgaben.

„Barrierefreies Multiple-Choice-Quiz mit einem GPT-Prompt programmieren – Praxisanleitung“ weiterlesen