Screenreader – Barrierefreie Informatik

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 Webformular programmieren mit künstlicher Intelligenz (KI) – Anleitung

Barrierefreiheit im Web bedeutet, dass alle Menschen – unabhängig von körperlichen oder geistigen Einschränkungen – Inhalte und Funktionen nutzen können. In diesem Artikel zeige ich, wie man mithilfe von HTML und CSS ein barrierefreies Webformular erstellt. Außerdem erkläre ich, warum bestimmte Maßnahmen wichtig sind und welche Personengruppen davon profitieren.

Was ist ein Webformular?

Ein Webformular ist ein Bereich auf einer Webseite, in dem man Informationen eingeben kann. Du kennst das bestimmt von Anmeldungen, Bestellungen oder Kontaktseiten. Typische Felder in einem Formular sind:

Vorname und Nachname
Adresse
Telefonnummer
E-Mail-Adresse

Man trägt etwas ein und klickt dann meist auf einen Button wie „Absenden“. Die Daten werden dann an den Anbieter geschickt – zum Beispiel an ein Unternehmen oder eine Behörde.

Formulare helfen dabei, Informationen zu sammeln. Damit sie gut funktionieren, müssen sie klar verständlich, leicht bedienbar und für alle Menschen zugänglich sein.

Warum ist das Webformular barrierefrei?

Ein Formular ist barrierefrei, wenn es auch von Menschen mit Behinderungen bzw. körperlichen Einschränkungen problemlos genutzt werden kann – zum Beispiel:

Menschen mit Sehbehinderung oder Blindheit
Menschen mit motorischen Einschränkungen
Menschen mit kognitiven oder Lernschwierigkeiten
Ältere Menschen, die nicht so vertraut mit Technik sind
Menschen, die keine Maus bedienen können und nur die Tastatur nutzen

Das Formular, das in diesem Blogartikel mit HTML und CSS programmiert wird, berücksichtigt genau diese Bedürfnisse. Es enthält verschiedene Merkmale, die die Bedienung erleichtern:

Verknüpfte Labels: Jedes Texteingabefeld ist mit einem Label verbunden. Das hilft vor allem Screenreader-Nutzer:innen.
Tastaturkürzel (Access Keys): Damit kann man per Tastatur schnell zum gewünschten Feld springen – ganz ohne Maus.
Visuelles Feedback bei Fokus: Wenn ein Feld aktiv ist, wird es gelb hinterlegt.
Hoher Kontrast beim Absenden-Button: Bei Fokus mit gelbem Hintergrund und schwarzer Schrift.

All diese Funktionen sorgen dafür, dass mehr Menschen selbstständig das Formular ausfüllen können – ohne Hürden.

Ein Webformular, ein Männchen als Symbol für künstliche Intelligenz. Schrift: Barrierefrei Webformular KI — Ein Bild, das symbolisiert, dass ein Webformular mithilfe künstlicher Intelligenz erstellt wurde.

„Barrierefreies Webformular programmieren mit künstlicher Intelligenz (KI) – Anleitung“ weiterlesen

Blinde Menschen bedienen die künstliche Intelligenz ChatGPT – Eine ausführliche Anleitung

Moderne Technik macht es möglich: Auch blinde Menschen können heute ganz selbstverständlich Computer und sogar künstliche Intelligenz, abgekürzt KI, wie ChatGPT nutzen. Für viele Blinden in Deutschland bedeutet der Einsatz von KI-Anwendungen einen wichtigen Schritt in Richtung gleichberechtigter digitaler Teilhabe. In diesem Artikel erkläre ich, wie das funktioniert – Schritt für Schritt, einfach erklärt.

Was ist künstliche Intelligenz (KI)?

Künstliche Intelligenz – kurz KI – ist eine Technik, bei der Computer so programmiert werden, dass sie „mitdenken“ können. Das bedeutet: Sie lernen aus Beispielen, erkennen Zusammenhänge und geben Antworten oder Lösungen, die sinnvoll erscheinen.

Ein gutes Beispiel ist ChatGPT. Diese KI wurde mit sehr vielen Texten aus dem Internet trainiert. Dadurch kann sie Sprache verstehen und eigene Texte formulieren – fast so, als würde man mit einem echten Menschen sprechen.

KI kann also Fragen beantworten, Texte schreiben, Zusammenfassungen erstellen oder sogar Geschichten erzählen – je nachdem, was man eingibt.

Ein blinder Mann sitzt vor einem Laptop und bedient die künstliche Intelligenz ChatGPT

„Blinde Menschen bedienen die künstliche Intelligenz ChatGPT – Eine ausführliche Anleitung“ weiterlesen

HTML lernen leicht gemacht: Bilder einfügen

In diesem Blogartikel erkläre ich wie Sie Bilder in eine HTML-Seite barrierefrei einfügen können und warum Bilder auf Webseiten wichtig sind.

Bilder spielen eine wichtige Rolle auf Webseiten, indem sie Inhalte visuell ansprechender und verständlicher machen. In diesem Artikel erkläre ich, wie man Bilder in HTML einfügt, warum Bilder wichtig sind, welches Dateiformat am besten geeignet ist, und was bei der Dateigröße zu beachten ist. Außerdem lege ich besonderen Wert auf die Verwendung von Alternativtexten, um die digitale Barrierefreiheit zu gewährleisten.

Warum sind Bilder auf einer Webseite wichtig?

Bilder können viele Zwecke erfüllen:

Visuelle Anziehungskraft: Sie machen eine Webseite attraktiver und ansprechender.
Erklärung und Illustration: Bilder können komplexe Konzepte veranschaulichen und erklären, was mit Text allein schwierig wäre.
Emotionale Verbindung: Sie können Emotionen hervorrufen und eine Verbindung zu den Besuchern aufbauen.
Unterstützung des Inhalts: Bilder können den Text ergänzen und unterstützen, indem sie zusätzliche Informationen liefern.

Tastatur mit einer Taste auf der Barrierefrei steht — Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„HTML lernen leicht gemacht: Bilder einfügen“ weiterlesen

HTML lernen leicht gemacht: Barrierefreiheit (Accessibility)

In diesem Blogartikel erkläre die Grundlagen der Barrierefreiheit bei Internetseiten.

Begrifflichkeiten

Barrierefreiheit und Accessibility bedeuten im Grunde dasselbe, sie beschreiben das Konzept, dass etwas für alle Menschen zugänglich und nutzbar sein sollte, unabhängig von möglichen Einschränkungen oder Behinderungen. Der Unterschied liegt hauptsächlich in der Sprache:

Barrierefreiheit:

- Dies ist der deutsche Begriff.
- Er beschreibt, dass keine Hindernisse oder Barrieren bestehen, die Menschen davon abhalten, eine Webseite, ein Gebäude oder einen Dienst zu nutzen.
- Beispiel: Eine Webseite ist barrierefrei, wenn sie für Menschen mit Sehbehinderungen oder motorischen Einschränkungen zugänglich ist.

Accessibility:

Dies ist der englische Begriff.
Er wird oft im internationalen Kontext und in technischen Dokumentationen verwendet.
Beispiel: In der Webentwicklung sprechen wir von „Web Accessibility“, wenn wir sicherstellen, dass Webseiten für alle Benutzer, einschließlich Menschen mit Behinderungen, zugänglich sind.

„HTML lernen leicht gemacht: Barrierefreiheit (Accessibility)“ weiterlesen

Excel VBA Programmieren lernen – Die Grundlagen einfach erklärt

In diesem Artikel werden die Grundlagen der Excel VBA Programmierung einfach erklärt.

Inhaltsverzeichnis

Kurs in der Volkshochschule Reutlingen als Dozent für Microsoft Excel VBA war Anstoß für YouTube-Videos und Blogartikel

Der Volkshochschule Reutlingen ist die Gleichstellung von behinderten Menschen und die Inklusion sehr wichtig. Deswegen stehe ich seit mehreren Jahren als Dozent im Programm der Volkshochschule Reutlingen mit mehreren Kursen. Vor 4 Wochen bekam ich eine Mail von der Volkshochschule Reutlingen, dass mein Kurs „Programmieren mit MS-Excel VBA“ stattfindet. Da ich für die Kurteilnehmer Kursunterlagen erstellen musste, hatte ich jetzt genug Material um YouTube-Videos und einen Blogartikel über Programmieren mit Excel VBA zu erstellen. Wegen Corona, fand mein Kurs über Zoom statt und war somit auch eine Art Online-Kurs!

„Excel VBA Programmieren lernen – Die Grundlagen einfach erklärt“ weiterlesen

Samsung Galaxy A53 5G – Barrierefreiheit bei Android 12 – Talkback – Der Screenreader von Android

In diesem Blogartikel erkläre ich den Screenreader Talkback bei Android 12 auf dem Smartphone Samsung Galaxy A53 5G bedient wird.

Was ist Android?

Android ist ein Betriebssystem, das von Google entwickelt wurde. Google ist ein Weltunternehmen. Auf meinem Smartphone Samsung Galaxy A53 5G ist Android Version 12 installiert.

Was bedeutet Barrierefreiheit bei Smartphones?

Barrierefreiheit bei Smartphones bedeutet, dass Smartphones auch für Menschen mit Behinderungen und anderen körperlichen Einschränkungen bedienbar sind.
Bei Smartphones gibt es Möglichkeiten, die Bedienung des Smartphones auf unterschiedliche Behinderungen anzupassen.

„Samsung Galaxy A53 5G – Barrierefreiheit bei Android 12 – Talkback – Der Screenreader von Android“ weiterlesen

Screenreader leicht und verständlich erklärt

Blinde und sehbehinderte Menschen arbeiten mit einer Software, die unter dem Oberbegriff Screenreader zusammengefasst wird. Was diese Software macht und wie Sie funktioniert, erfahren Sie hier.

Computernutzung bei Blindheit und Sehbehinderung — Blinde Personen können Computer mithilfe einer Braillezeile nutzen. Das Computer-Ausgabegerät stellt Zeichen in Brailleschrift dar und wird üblicherweise durch Screenreader angesteuert. Bildquelle: zlikovec – 428299819 / Shutterstock.com

Ein Screenreader ist ein Bildschirmleseprogramm. Wenn ein Mensch blind oder sehbehindert ist, heißt das nicht, dass er nicht am PC/Laptop arbeiten kann. Der Screenreader „spielt“ für den blinden oder sehbehinderten Menschen die Augen und liest den Bildschirminhalt. Die Vermittlung der Informationen auf dem Bildschirm können dabei auf zwei verschiedene Arten geschehen:

Akustisch: über eine Soundkarte
Taktil: über eine Braillezeile

Wenn der gelesene Text über die Soundkarte ausgegeben wird, heißt das, dass der Text dem blinden oder sehbehinderten Menschen vorgelesen wird. Im Fall der Braillezeile kann der Nutzer den Inhalt selbst in Blindenschrift lesen.

Hier noch ein Youtube-Video in dem ich erkläre was ein Screenreader ist:

Zwei Wege der Sprachausgabe

Die akustische Wiedergabe des Bildschirminhalts ist besonders für sehbehinderte Menschen geeignet, deren Sehvermögen noch gut genug ist, dass sie auf Blindenschrift verzichten können. Es gibt zwei Wege, um synthetische Sprache zu erzeugen:

Externe Geräte: Diese werden an den Computer angeschlossen und erzeugen die Sprachausgabe unabhängig vom benutzten Endgerät. Dabei werden die Bildschirminformationen vom Endgerät (PC, Tablet, Laptop) auf das externe Ausgabemedium übertragen.
Internes Softwareprogramm: Dieses Programm ist in der Regel in den Screenreader integriert und übersetzt die Bildschirminhalte in Sprache. Die Ausgabe erfolgt über die PC-Lautsprecher wahlweise mit oder ohne Kopfhörer.

Synthetische Sprache hat den Nachteil, dass sie sehr maschinell klingt. Das Hauptproblem dieser assistiven Technologie ist zweifellos, mit so produzierter Sprache Gefühle zu transportieren. Das Ergebnis wirkt deshalb nicht immer angenehm und harmonisch. Die Sprachausgabe erfolgt recht monoton ohne Pause oder Betonung. Bei Wörtern, die anders ausgesprochen als sie geschrieben werden, können teilweise Verständnisprobleme auftreten.

Die in die Software integrierte Wörterbuchfunktion kann unverständliche Wörter aber noch einmal nach ihrem Sinn erklären. Diese Funktion ist auch bei Zeichenfolgen wie Smileys oder Abkürzungen sehr hilfreich. Ähnlich wie bei Navigationsgeräten können Benutzer in der Regel zwischen einer Männer- oder Frauenstimme wählen. Über die Einstellungen kann zudem die Lesegeschwindigkeit angepasst werden.

Braillezeilen übersetzen Bildschirminhalte in Blindenschrift

Die Braillezeile ist ein Ausgabegerät, welches den gelesenen Text in Brailleschrift (=Blindenschrift) ausgibt. Die Brailleschrift wird mit Stößel dargestellt, die aus einer Fläche herausragen. Diese herausragenden Stößel bilden die Zeichen der Blindenschrift ab. Der blinde oder sehbehinderte Mensch kann mit seinen Fingerkuppen die Stößel abtasten und somit eine Bildschirmzeile lesen.

Alternativtexte für Bilder und Videos sind wichtig

Da Screenreader nur lesen und nicht sehen können, ist es z. B. wichtig, dass Bilder auf einer Webseite einen Alternativtext haben. Fehlt dieser Alternativtext, wird diese Fläche vom blinden oder sehbehinderten Menschen als „leere“ Fläche wahrgenommen.
Bei Videos verhält es sich genau gleich. Der Screenreader kann ein Video nicht „lesen“. Wenn man auf einer Webseite Videos einbindet, sollte man unter dem Video kurz beschreiben, was auf dem Video zu sehen ist.
Mit oben beschriebener Vorgehensweise können blinde und sehbehinderte Menschen am PC/Laptop arbeiten. Der Screenreader liest den Bildschirminhalt und liest ihn vor oder schickt ihn an die Braillezeile.

Programmoberflächen müssen Text beinhalten

Damit Screenreader Programmoberflächen „lesen“ können, müssen diese so programmiert werden, dass die Oberflächenkomponenten Texte beinhalten, die Sinn und Zweck der Komponente erklären.
Da Screenreader in unterschiedlichen Betriebssystemen anders heißen, hier eine kurze Auflistung:

Betriebssysteme	Name des Screenreaders	Wo finden Sie den Screenreader
Windows	Sprachausgabe	Einstellungen -> Erleichterte Bedienung
IOS	Voice Over	Einstellungen -> Bedienungshilfen
Android	Talkback	Einstellungen -> Bedienungshilfen oder Eingabehilfe
Ubuntu	Bildschirmleser	Einstellungen -> Zugangshilfen

Die in der Praxis am meisten verwendeten Screenreader

Die Softwareprogramme für Screenreader gibt es sowohl als kostenlose oder Open-Source-Versionen als auch von kommerziellen Anbietern gegen Bezahlung. Der bekannteste Gratis-Screenreader ist NonVisual Desktop Access (NVDA) für Microsoft Windows. In diesem Blogartikel erkläre ich den Screenreader NVDA. Hier ein Video in dem ich den Screenreader NVDA im Betriebssystem Windows 10 vorstelle:

In folgenden Video zeige ich den Screenreader Orca im Linux-Betriebssystem Ubuntu:

In folgenden Video zeige ich den Screenreader VoiceOver im Betriebssystem MacOS:

In folgenden Video zeige ich den Screenreader Talkback im Betriebssystem Android:

Youtube-Video, das den Gebrauch des NVDA Screenreaders in englischer Sprache erklärt.
Zu den bekanntesten kommerziellen Screenreadern gehört die (JAWS). Die Kosten für die Version Professional liegen bei etwa 900 Euro. Die Home Edition gibt es schon ab etwa 735 Euro.
In diesem Video wird der Screenreader JAWS vorgestellt. Leider habe ich kein deutschsprachiges Video gefunden:

Video-Tutorial in englischer Sprache über die verschiedenen Elemente einer Webseite, einschließlich Links, Überschriften und Dialogboxen und wie JAWS auf diese Elemente zugreift.
Auf meiner Webseite finden Sie weitere nützliche Informationen zum Thema barrierefreies Webdesign.

Braillezeile – Was ist das?

In diesem Blogartikel erkläre ich was eine Braillezeile ist und welche Menschen eine Braillezeile benötigen.

Braillezeile – Definition

Die Braillezeile wird auch Zeile oder Brailledisplay genannt. Die Braillezeile ist ein Computerausgabegerät, welches Zeichen in Blindenschrift übersetzt. Die Blindenschrift wird auch Braille genannt. Üblicherweise werden sie durch Screenreader angesteuert, die Zeichen in ausgewählten Bildschirmbereichen auslesen und in Computerbraille darstellen. Die Braillezeile ermöglicht blinden und sehbehinderten Menschen die Nutzung von Computern und Laptops.

Das Bild zeigt Finger die auf einer Braillezeile Buchstaben ertasten — Quelle: Braillezeile: zlikovec – 428299819 / Shutterstock.com. So lesen blinde Menschen was auf dem Bildschirm geschrieben steht

„Braillezeile – Was ist das?“ weiterlesen

Assistive bzw. unterstützende Technologien für Menschen mit Behinderungen

In dieser Artikelreihe möchte ich Technologien vorstellen, die wahrscheinlich für viele Menschen mit Behinderungen bekannt sind, aber auch für einen Teil nicht, weil nicht jeder Mensch mit Behinderung automatisch IT-Experte ist.

Was sind Assistive / unterstützende Technologien für Menschen mit Behinderungen?

Menschen mit Behinderung stoßen bei der Bedienung von Computern, Ipads, Tablets und Mobiltelefone auf Barrieren oder Hindernisse. Deswegen gibt es eine Reihe von Assistive Technologien die Menschen mit Behinderungen unterstützen bei der Bedienung von Computern, Ipads, Tablets und Mobiltelefone unterstützen. Der Begriff Unterstützungstechnologie ist der Versuch einer Übersetzung des englischen Begriffs assistive technology (AT). Im österreichischen Sprachraum wird der Begriff assistierende Technologien verwendet. Rehabilitationstechnologie ist ein weiteres Synonym. Im Gesundheits- und Sozialwesen wird der englische Ausdruck „assistive technology“ in Anlehnung an das deutsche Hilfsmittelverzeichnis der Gesetzlichen Krankenversicherung teilweise auch allgemein als technische Hilfsmittel übersetzt. Assistive Technologien gehören zur Barrierefreiheit in der Informatik . Andere Begriffe für Barrierefreiheit sind Zugänglichkeit oder Accessibility.

„Assistive bzw. unterstützende Technologien für Menschen mit Behinderungen“ weiterlesen