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
10 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 IT-Unternehmen Marlem-Software entwickelt
barrierefreie Apps, damit auch Menschen mit Behinderungen mobile
Anwendungen uneingeschränkt nutzen können. Sie haben eine App-Idee und legen Wert darauf, dass diese
für alle Menschen bedienbar ist? Dann beauftragen Sie Marlem-Software mit der Programmierung und Umsetzung.
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 Adventskalender an info@marlem-software.de .
Barrierefreie App: Marlems Schach-Adventskalender
Beschreibung:
Ein Adventskalender für Schachspieler als barrierefreie App. Hinter jedem Türchen Schachunterhaltung, Training und Wissen.
Ich habe den Adventskalender im Betriebssystem Windows + Android erfolgreich mit den Screenreadern NVDA + Talk Back getestet. Blinde Menschen können den Adventskalender nutzen.
Detaillierte Informationen gibt es in diesem Blogartikel:
Barrierefreie App: Marlems Schach-Adventskalender
Link zur barrierefreien Web-App: Marlems Schach-Adventskalender
Barrierefreie App: Marlems Schach-Adventskalender
Lob oder Kritik zu Marlems Schach-Adventskalender 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
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
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
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
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:
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:
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:
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!