Digitale Barrierefreiheit: barrierefreie Softwareentwicklung, Webentwicklung und Appentwicklung

Marlem-Software
Barrierefreiheit in der Informatik

barrierefreie Appentwicklung / App Programierung aus Dußlingen, Landkreis Tübingen - benutzerfreundlich

Markus Lemcke – App-Entwickler aus Dußlingen und Referenzen

Ich bin Markus Lemcke und App-Entwickler in meinem IT-Unternehmen. Ich habe seit Januar 2022 9 barrierefreie Apps entwickelt. Als App-Entwickler habe ich das Ziel, Apps zu entwickeln, die barrierefrei und benutzerfreundlich sind. Benutzerfreundlich bedeutet, dass eine App einfach zu bedienen ist und es sehr wenig Zeit benötigt, um zu verstehen, wie eine App funktioniert. Weiter unten können Sie sehen, dass ich bereits als App-Entwickler tolle Referenzen habe. Meine Apps werden auf Webseiten von App-Fachzeitschriften vorgestellt und ich habe einen IT-Fachartikel in einer IT-Fachzeitschrift veröffentlicht über „barrierefreie Appentwicklung“. Ebenso bin ich stolz darauf, dass ich letztes Jahr einen Programmierauftrag aus der Schweiz erfolgreich umgesetzt habe. Da ich seit 23. Januar 2023 in Dußlingen, Landkreis Tübingen wohne, hoffe ich, dass ich in Zukunft viele Programmieraufträge aus dem Landkreis Tübingen bekomme.

Barrierefreie Appentwicklung aus Dußlingen

Das Unternehmen Marlem-Software bietet barrierefreie Appentwicklung an damit auch Menschen mit Behinderungen Apps nutzen können. Sie haben eine App-Idee und möchten, dass diese App auch für Menschen mit Behinderungen bedienbar ist. Dann beauftragen Sie das IT-Unternehmen Marlem-Software mit der App-Programmierung bzw. der Appentwicklung.

Barrierefreie Appentwicklung - Definition

Barrierefreie Appentwicklung bedeutet, dass Apps so entwickelt werden, dass sie von Allen Menschen, auch von Menschen mit körperlichen Einschränkungen, bedient werden können.

Barrierefreie Appentwicklung - Warum ist dieses Thema in der Gesellschaft angekommen?

Folgende Gründe: Im Gleichstellungsgesetz für behinderte Menschen steht die Entwicklung von barrierefreien Apps seit 1. September 2016. Leider wird das Gleichstellungsgesetz für behinderte Menschen in vielen Teilen von Deutschland gar nicht umgesetzt.

Barrierefreie Appentwicklung mit progressive Web-Apps

Seit 2016 ist die informationstechnik um eine Möglichkeit der App-Entwicklung reicher:
Die Progressive Web-App Eine Progressive Web App, abgekürzt PWA, ist eine Webseite, die zahlreiche Merkmale besitzt, die native Apps ebenfalls besitzen. Sie kann auch als eine Symbiose aus einer responsiven Webseite und einer App beschrieben werden. Progressive Web Apps können wie eine Webseite mit HTML5, CSS3 und JavaScript erstellt werden. JavaScript ist inzwischen eine Programmiersprache und ist in der Rangliste der Programmiersprachen auf Platz 3-4. Die Programmiersprache JavaScript gehört zu den Programmiersprachen welche plattformunabhängig sind.

Bisher bestand das Problem für Webseitenbetreiber darin, dass sowohl eine responsive oder mobile Webseite als auch zusätzlich eine native App entwickelt werden musste, wollte man sich am Markt behaupten. Eine Progressive Web App soll die doppelte Entwicklung überflüssig machen, da sie wie eine Webseite mittels URL aufgerufen werden kann und gleichzeitig Offline-Funktionalitäten bereitstellt. Erfolgreiche Progressive Web Apps veröffentlichten die Washington Post, Flipkart und Booking.com. Flipkart wird häufig als Vorzeigebeispiel verwendet, da der indische Online Shop eine Steigerung der Conversion Rate von 70 % und eine dreifache Verweildauer auf den Seiten erzielen konnte. Eine progressive Web-App ist eine Art Anwendung die im Internet ausgeführt wird. Der Vorteil dieser Art von Anwendung ist, dass sie in allen Betriebssystemen einsetzbar ist. Anwendungen die in allen Betriebssystemen nennen sie plattformunabhängig.

Hier ein YouTube-Video von mir, welches erklärt was progressive Web Apps sind:

Folgende Eigenschaften bieten progressive Web-Apps

  • Ein Code funktioniert auf unterschiedliche Betriebssysteme, Plattformunabhängigkeit
  • Funktionieren auch ohne oder bei langsamer Internetverbindung
  • Sind über die Suchmaschine auffindbar
  • Eine progressive Web kann auch auf einem Computer oder Laptop mit Betriebssystemen Windows, Ubuntu und MacOS eingesetzt werden
  • Eine progressive Web kann auch auf Mobilgeräten mit Betriebssystemen Android und IOS eingesetzt werden
  • Eine progressive Web kann in allen Betriebssystemen installiert werden
  • Eine progressive Web kann im Browser ausgeführt werden
  • Push Notifications können Nutzer damit beispielsweise auf Aktionen, Rabatte oder Events aufmerksam machen und so die Interaktionsrate steigern.
  • Barrierefreiheit: Einfache Umsetzung, weil es genauso funktioniert wie bei einer Internetseite
Appentwicklung unter Berücksichtigung der Barrierefreiheit wird progressive Apps für Menschen mit Behinderungen interessant machen, weil sie eine App auf alle Betriebssysteme nutzen können. Die Zahl der Menschen mit Behinderungen die auf Barrierefreiheit bei Apps angewiesen sind, steigt von Jahr zu Jahr. Deswegen ist es an der Zeit, dass die Barrierefreiheit in der Appentwicklung selbstverständlich wird.

Barrierefreie App-Entwicklung von progressive Web Apps - Empfehlungen von Google

Das Weltunternehmen Google hat die progressive Web Apps erfunden. Deswegen gibt Google auch Tipps zur barrierenfreien Entwicklung von Progressive Web Apps:

Im Video empfiehlt Google, sich an den Richtlinien „Web Content Accessibility Guidelines (WCAG) 2.1“ zu orientieren, wenn das darum geht progressive Web Apps barrierefrei zu entwickeln.

Barrierefreie App-Entwicklung von progressive Web Apps - Zu Gast auf dem Youtube-Kanal von Gregor Biswanger

Ich wurde sehr ausführlich zum Thema barrierefreie App-Entwicklung von Progressive Web Apps von Gregor Biswanger interviewt. Das Interview gibt es auf dem YouTube-Kanal von Gregor.

Barrierefreie App-Entwicklung von progressive Web Apps - Welche Punkte sind wichtig?

Hier die wichtigsten Punkte von barrierefreie Appentwicklung in Kurzform:
Screenreadertauglichkeit
Egal ob Ihre Web-App auf dem Laptop / Computer oder auf dem Smartphone, Iphone, Tablet oder Ipad ausgeführt wird, Oberfläche Ihrer Progressive Web App muss screenreadertauglich sein. Ein Screenreader, ist eine Software die den Bildschirminhalt vorliest. Folgende Screenreader gibt es:
  • NVDA für Windows
  • VoiceOver bei IOS
  • Talkback bei Android
  • Orca bei Ubuntu, GNOME-Desktop-Umgebung
Damit ein Screenreader die Oberfläche Ihrer Progressive Web App vorlesen kann, muss diese bestimmte Vorraussetzungen erfüllen, die in unten aufgeführten Punkten beschrieben werden.
Tastaturbedienbarkeit bei Computer oder Laptop
Da eine Progressive Web-App auch auf Computer oder Laptop aufgerufen werden kann, muss über Tastaturbedienbarkeit nachgedacht werden. Anwender die blind sind oder eine Sehbehinderung haben können keine Computermaus bedienen. Deswegen müssen alle Bedienelemente per Tabulatortaste erreichbar sein. Außerdem ist es wichtig, dass wichtige Bedienelemente per Shortcuts, sprich Tastaturkürzel, erreichbar sind. Tastaturkürzel bei HTML-Bedienelemente werden mit dem Attribut Accesskey definiert.
Alternativtexte bei Bilder
Screenreader, zu deutsch Bildschirmleser, können keine Bilder lesen. Deswegen benötigen Bilder Alternativtexte die Beschreiben was auf einem Bild zu sehen ist. Informative Grafiken und Bilder müssen mit Alternativtexten versehen werden. Die Alternativtexte ersetzen das Bild, sie sollen also (wenn möglich) dieselbe Aufgabe erfüllen wie das Bild. Alternativtexte sollten zwischen 80 bis 140 Zeichen lang sein.
Aktive Bedienelemente muss gut sichtbar sein bei Laptop oder Computer
Wenn eine Progressive Web-App auf einem Laptop oder Computer ausgeführt wird muss sie auch für Anwender mit Sehbehinderung bedienbar sein. Hierzu ist es wichtig, dass gut erkennbar ist, welches Bedienelement gerade aktiv ist, sprich den Fokus hat. Dies kann mit Cascading Style Sheets, abgekürzt CSS, umgesetzt werden und ist für Menschen mit Sehbehinderung eine enorme Erleichterung.
Die Schriftgröße und die komplette Web-App müssen skalierbar sein
Sehbehinderungen können sehr unterschiedlich sein. Es gibt in Deutschland mehr als eine Million Menschen mit Sehbehinderungen. Für sehbehinderte Menschen ist es wichtig, dass die Schrift vergrößerbar ist bei einer progressive Web-App. Auf dem Laptop oder am Computer kann im Browser die Schrift vergrößert, im Fachjargon gezoomt werden. Damit das funktioniert muss die Schriftgröße in CSS relative angegeben werden. Auf Smartphones, Iphones, Ipads und Tablets muss es möglich sein, dass die App-Oberfläche per Fingergeste gezoomt werden kann. Ein Text der mit Fingergeste gezoomt wurde ist für Menschen mit Sehbehinderung besser zu lesen.
Der richtige Farbkontrast
Menschen mit einer Farbfehlsichtigkeit, wird auch umgangsprachlich Farbenblindheit genannt, haben Probleme wenn auf einer Webseite eine eine helle Schrift auf hellen Hintergrund ist oder eine dunkle Schrift auf dunklen Hintergrund. Bei einer barrierefreien progressive Web App ist der richtige Kontrast zwischen Hintergrund- und Schriftfarbe wichtig. Eine rote Schrift auf einem dunkelblauen Hintergrund ist ein Beispiel für zu wenig Kontrast zwischen Schriftfarbe und Hintergrundfarbe. Den richtigen Farbkontrast können Sie mit der kostenlosen Software Colour Contrast Analyser herausfinden.
Individualisierbarkeit
Der Begriff Individualisierbarkeit ist ein Begriff aus der Usability. Usability ist englisch und bedeutet auf deutsch Benutzerfreundlichkeit. Ein Dialog ist individualisierbar, wenn das Dialogsystem Anpassungen an die Erfordernisse der Arbeitsaufgabe, individuelle Vorlieben des Benutzers und Benutzerfähigkeiten zulässt. Weil das jetzt sehr wissenschaftlich klingt, nochmal eine einfachere Definition von Individualisierbarkeit: Individualisierbarkeit bedeutet, dass der Nutzer (=Mensch) bei Webseiten, Software und Apps Anpassungen machen kann die für ihn, die Bedienung erleichtern.

Barrierefreie Appentwicklung - Quellen

Hier ein paar wichtige Links zur barrierefreie Appentwicklung:

Barrierefreie Appentwicklung: Blogartikel

Barrierefreie Appentwicklung: Fachartikel in IT-Fachzeitschriften / Internetseiten / Blogs - Autor Markus Lemcke

Barrierefreie Apps entwickelt von Marlem-Software vorgestellt in IT-Fachzeitschriften

Barrierefreie Appentwicklung: Analyse von Apps auf Barrierefreiheit

Das IT-Unternehmen Marlem-Software analysiert folgende Apps auf Barrierefreiheit:
  • Android Apps
  • IOS Apps
  • Windows Apps
  • Progressive Web-Apps

Barrierefreie Appentwicklung mit Progressive Web-Apps des IT-Untermehmens Marlem-Software aus Dußlingen

Das Unternehmen Marlem-Software bietet Barrierefreie Appentwicklung mit Progressive Web-Apps aus Dußlingen, damit Menschen mit Behinderungen ebenso von der App-Entwicklung profitieren wie Menschen ohne Behinderungen. Rufen Sie an unter 07072/1278463 oder Schreiben eine E-Mail an: info@marlem-software.de.

folgende barrierefreie Apps hat Marlem-Software entwickelt:

barrierefreie App: Marlems Sprechassistent - Sprechen trotz Stottern, Spastik oder Schlaganfall

Die erste App für Menschen mit Behinderungen und Menschen mit anderen körperlichen Einschränkungen.
Diese Web-App ist für folgende Personengruppen:
  • Menschen die wegen eine spastischen Lähmung Probleme mit dem Sprechen haben
  • Menschen die nach einem Schlaganfall Probleme mit dem Sprechen haben
  • Menschen die Stottern

Appfunktionen:

  • Texte schreiben und sprechen lassen
  • Texte speichern
  • Gespeicherte Texte sprechen lassen
  • Bedienelemente passen sich der Displaygröße an
  • Das aktive Bedienelement wird farblich hervorgehoben
  • Auf dem Laptop und PC per Maus oder per Tastatur bedienbar
  • Betriebssysteme: Windows, Android, IOS und Ubuntu (Linux)
  • Geräte: Laptop, PC, Smartphone, Iphone, Tablet, Ipad
  • Die App funktioniert auf Smartphones und Iphones auch ohne Internetverbindung
  • Die App kann auch im Ausland eingesetzt werden
  • Ausführliche App-Hilfe

barrierefreie App Marlems Sprechassistent: Auf welchen Geräten, Betriebssystemen und Browsern läuft die Web-App?

Gerät Betriebssystem Browser
Laptop / Computer / PC Windows 10 Edge, Google Chrome
Ipad / Iphone IOS Safari
Tablet / Smartphone Android Google Chrome

Marlems Sprechassistent: Texte speichern, aufrufen und Sprechen lassen

Sie rufen diese Web-App Marlems Sprechassistent im Browser auf und geben in das Eingabefeld "Text eingeben zum Sprechen" einen Text ein den die Web-App Marlems Sprechassistent sprechen soll. Nach dem Sie den Text eingegeben haben klicken bzw. tippen Sie auf den Schalter "Sprechen". Dann wird der geschriebene Text gesprochen. Weil das Tippen von Text für bestimmte Menschen aufgrund einer körperlichen Einschränkung an den Händen sehr anstrengend sein kann, ist es mit dieser Web-App möglich Texte zu speichern und aufzurufen. Dies spart sehr viel Zeit und soll helfen, dass bestimmte Menschen es einfacher haben in Sachen Kommunikation mit anderen Menschen. Um gespeicherte Texte zu laden und anschließend sprechen zu lassen, müssen diese nur aus der Aufklappbaren Liste "Text auswählen" ausgewählt werden. Nachdem ein Text ausgewählt wurde, wird er ins Eingabefeld "Text eingeben zum Sprechen" geladen und sofort gesprochen.

Die Web-App Marlems Sprechassistent hat eine ausführliche Hilfe.

Link zur Web-App Marlems Sprechassistent

Web-App Marlems Sprechassistent

Lob oder Kritik zu Marlems Sprechassistent an info@marlem-software.de .


Barrierefreie App: Marlems Adventskalender

Beschreibung:
Ein Adventskalender als barrierefreie App. Hinter jedem Türchen verbirgt sich ein Youtube-Video. Alle YouTube-Videos sind Lieder, das bedeutet, es ist nicht schlimm ist, wenn blinde Menschen die Videos nicht sehen können, weil die Hauptinformation Musik und gesungener Text ist und nicht die Bilder sind. Ich habe den Adventskalender im Betriebssystem Android erfolgreich mit dem Screenreader Talk Back getestet. Blinde Menschen können den Adventskalender nutzen.

Detaillierte Informationen gibt es in diesem Blogartikel:
Barrierefreie App: Marlems Adventskalender

Link zur barrierefreien Web-App: Marlems Adventskalender

Barrierefreie App: Marlems Adventskalender

Lob oder Kritik zu Marlems Sprechassistent an info@marlem-software.de .


Barrierefreie App: Marlems Communicator

Beschreibung:
Die App ist ein Assistent für Menschen mit dem Sprechen Probleme haben, wegen Stottern, weil sie überhaupt nicht sprechen können, weil sie eine Behinderung haben, zum Beispiel "Spastik", oder weil sie nach einem Schlaganfall nicht mehr gut sprechen können. Die App ist barrierefrei. Menschen mit unterschiedlichen Behinderungen und andere körperliche Einschränkungen können die App bedienen.

Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:

  • Windows 11
  • Android 8
  • IOS 14
  • Ubuntu 21.10
Im Browser Safari im Betriebssystem
  • MacOS 10.15

Detaillierte Informationen gibt es in diesem Blogartikel:
Blogartikel - Barrierefreie App: Marlems Communicator

Link zur barrierefreien Web-App: Marlems Communicator

Barrierefreie App: Marlems Communicator

Lob oder Kritik zu Marlems Communicator an info@marlem-software.de .


Barrierefreie App: Marlems Reise Vokabeltrainer

Beschreibung:
Mit Marlems Reise Vokabeltrainer können Sie für ihren Urlaub die wichtigsten Vokabeln für folgende Sprachen lernen:
  • Englisch
  • Französisch
  • Tschechisch
  • Schwedisch

Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:

  • Windows 11
  • Android 8
  • IOS 14
  • Ubuntu 21.10
Im Browser Safari im Betriebssystem
  • MacOS 10.15

Detaillierte Informationen gibt es in diesem Blogartikel:
Blogartikel - Barrierefreie Marlems Reise Vokabeltrainer App

Link zur barrierefreien Web-App: Marlems Reise Vokabeltrainer

Barrierefreie App: Marlems Reise Vokabeltrainer

Lob oder Kritik zu Marlems Reise Vokabeltrainer an info@marlem-software.de .

Marlems Reise Vokabeltrainer wird in IT-Fachzeitschriften vorgestellt


Barrierefreie App: Marlems Hauptstadt Quiz

Beschreibung:
Mit Marlems Hauptstadt Quiz können Sie von 198 Länder auf unserer Welt die Hauptstädte lernen.

Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:

  • Windows 11
  • Android 8
  • IOS 15
  • Ubuntu 22.04
Im Browser Safari im Betriebssystem
  • MacOS 10.15
Detaillierte Informationen gibt es in diesem Blogartikel:
Blogartikel - Barrierefreie App: Marlems Hauptstadt Quiz

Link zur barrierefreien Web-App: Marlems Hauptstadt Quiz

Barrierefreie App: Marlems Hauptstadt Quiz

Lob oder Kritik zu Marlems Hauptstadt Quiz an info@marlem-software.de .


Barrierefreie App: barrierefreie Stadt

Beschreibung:
Die App „Barrierefreie Stadt“ ist ein Computerspiel. Der App-Nutzer ist Bürgermeister von „Barrierefreie Stadt“ von Montag bis Freitag.

Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:

  • Windows 11
  • Android 8
  • IOS 15
  • Ubuntu 22.04
Im Browser Safari im Betriebssystem
  • MacOS 10.15
Detaillierte Informationen gibt es in diesem Blogartikel:
Blogartikel - Barrierefreie App: barrierefreie Stadt

Link zur barrierefreien Web-App: barrierefreie Stadt

Barrierefreie App: barrierefreie Stadt

Lob oder Kritik zu Barrierefreie Stadt an info@marlem-software.de .


Marlems Hangman Spiel

Beschreibung:
Hangman ist ein Wortraten-Spiel. In meiner barrierefreien Hangman App wird kein Mann aufgehängt. Hier sieht der Computerspieler wieviel verbleibende Versuche er noch hat. Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:
  • Windows 11
  • Android 13
  • Ubuntu 22.04
Im Browser Safari im Betriebssystem:
  • IOS 15
Detaillierte Informationen gibt es in diesem Blogartikel:
Marlems Hangman Spiel – neue barrierefreie progressive Web App

Link zur barrierefreien Web-App: Marlems Hangman Spiel

Barrierefreie App: Marlems Hangman Spiel

Lob oder Kritik zu Marlems Hangman Spiel an info@marlem-software.de .


Marlems Schiebe-Puzzle

Beschreibung:
Ziel des barrierefreien Computerspiels ist es, Puzzleteile durch verschieben richtig anzuordnen. Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:
  • Windows 11
  • Android 13
  • Ubuntu 22.04
Im Browser Safari im Betriebssystem:
  • IOS 16
Detaillierte Informationen gibt es in diesem Blogartikel:
Marlems Schiebe-Puzzle App – neue barrierefreie progressive Web App

Link zur barrierefreien Web-App: Marlems Schiebe-Puzzle

Barrierefreie App: Marlems Schiebe-Puzzle

Lob oder Kritik zu Marlems Hangman Spiel an info@marlem-software.de .


Marlems Türme von Hanoi

Beschreibung:
Das Ziel von Türmen von Hanoi ist es, den Turm 1 (ganz links) als Turm 3 (ganz rechts) aufzubauen. Hierbei ist zu beachten, dass nur kleine Scheiben auf große Scheiben gestapelt werden dürfen. Die App wurde erfolgreich getestet:
Im Browser Google Chrome in den Betriebssystemen:
  • Windows 11
  • Android 13
  • IOS 16
  • Ubuntu 22.04
Im Browser Safari im Betriebssystem:
  • IOS 16
Detaillierte Informationen gibt es in diesem Blogartikel:
Marlems Türme von Hanoi App – neue barrierefreie progressive Web App

Link zur barrierefreien Web-App: Marlems Türme von Hanoi

Barrierefreie App: Marlems Türme von Hanoi

Lob oder Kritik zu Marlems Türme von Hanoi an info@marlem-software.de .

Appentwicklung / App-Programmierung in Auftrag geben

Haben Sie Lust auf eine eigene, barrierefreie App?

Dann rufen Sie mich an 07072/1278463 oder schreiben mir eine Mail nfo@marlem-software.de

Das IT-Unternehmen Marlem-Software aus Dußlingen im Landkreis Tübingen, macht barrierefreie App-Wünsche wahr!