Barrierefreie Marlems Reise Vokabeltrainer App

Es gibt eine neue barrierefreie App des IT-Unternehmens Marlem-Software: Marlems Reise Vokabeltrainer.

Barrierefreie Appentwicklung – Was ist das?

Barrierefreie Entwicklung von Apps bedeutet, dass eine App so entwickelt wird, dass alle Menschen, auch Menschen mit Behinderungen und anderen körperlichen Einschränkungen, eine App bedienen können.

Warum ist barrierefreie Entwicklung  von Apps wichtig?

Das Ziel einer Gesellschaft sollte sein, dass Informatik für alle Personen nutzbar ist.
Im Behindertengleichstellungsgesetz in § 12a Barrierefreie Informationstechnik steht, dass öffentliche Stellen des Bundes dazu verpflichtet sind, Apps barrierefrei zu gestalten.

Progressive Web App – Was ist das?

Eine Progressive Web App ist eine Webseite, die zahlreiche Merkmale besitzt, die bislang nativen Apps vorbehalten waren. Die Abkürzung für Progressive Web App ist PWA.
Eine PWA wird mit HTML, CSS und Javascript entwickelt. Durch sogenannte Service Worker ist es möglich, dass Progressive Web Apps ohne Internetverbindung genutzt werden können. Mit Hilfe einer Manifest-Datei ist es möglich, dass eine Progressive Web App genauso aussieht wie eine Native App. Progressive Web Apps sind plattformunabhängig, dass bedeutet, sie können auf allen Betriebssystemen eingesetzt werden.

Der Begriff App ist eine Abkürzung. Er steht für:

  • Application
  • Anwendungsprogramm
  • Software
  • Computerprogramm

Wie werden progressive Web-Apps „installiert“?

Alle Browser von Mobilgeräten, egal ob im Betriebssystem Android oder im Betriebssystem IOS haben ein Menü „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web Application als Symbol auf den Startbildschirm angelegt werden.
Progressive Web-Apps können auch auf PCs oder Laptops in Browsern aufgerufen werden. Wenn eine progressive Web-App bestimmte Anforderungen erfüllt, dann gibt es im Browser Google Chrome ein Menü „… installieren“ oder „App installieren“.

In folgendem Blogartikel habe ich erklärt wie progressive Web Apps in den gängigsten Betriebssystemen installiert wird:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS

Was ist ein Vokabeltrainer?

Eine Fremdsprache zu lernen, fehlt dem einen leicht, dem anderen sehr schwer. Eine Fremdsprache zu beherrschen ist aber eine tolle Sache. Meine Application soll Ihnen helfen den ersten kleinen Wortschatz einer Fremdsprache zu erlern. In Sachen Fremdsprache haben Sie 4 zur Auswahl. Der Wortschatz ist begrenzt auf einen Urlaubsaufenthalt.

Zu meiner Schulzeit wurden Vokabeln aus dem Schulbuch oder mit Karteikarten gelernt. Das lernen aus dem Schulbuch oder mit Karteikarten war sehr Zeitaufwendig. Mit Einzug der Informatik hat das Schulbuch und die Karteikarten Konkurrenz bekommen, der Vokabeltrainer. Der Vokabeltrainer hat den Vorteil, dass man nicht mogeln kann so wie es beim Schulbuch oder mit Karteikarten möglich war. Das lernen mit einem Vokabeltrainer ist auch nicht so zeitaufwendig wie mit einem Schulbuch.
Im Zeitalter der Informatik ist das vokabellernen einfacher geworden. Vokabeln lernen mit einer App macht richtig Spaß.

Marlems Reise Vokabeltrainer, die kostenlose App!

Warum gibt es diese Applikation? Beim recherchieren im Internet nach Vokabeltrainer-Anwendungen habe ich gesehen, dass es bereits viele gibt. Der Vokabeltrainer von Cornelsen zum Beispiel ist recht beliebt. Nachdem installieren dieser Applikationen musste ich sehr oft ein Benutzerkonto anlegen. Ich habe keine Anwendungen gefunden, mit der ich sofort loslegen kann. Des Weiteren habe ich keinen Vokabeltrainer mit dem ich mich gezielt auf einen Urlaub vorbereiten kann. Deswegen habe diesen Vokabeltrainer programmiert.

Mit Marlems Reise Vokabeltrainer können Sie für ihren Urlaub die wichtigsten Vokabeln für folgende Sprachen lernen:

  • Englisch
  • Französisch
  • Tschechisch
  • Schwedisch

Der Wortschatz den die App abfragt, ist auf einen Urlaubsaufenthalt abgestimmt. Mit diesem Wortschatz ist es möglich, die wichtigsten Angelegenheiten in der jeweiligen Sprache kommunizieren zu können.

Die App kann auf folgende Geräte installiert werden:

  • Computer
  • Laptop
  • Smartphone
  • Iphone
  • Tablet
  • Ipad

Die App wurde in folgenden Betriebssystemen getestet:

  • Windows
  • Ubuntu
  • Android
  • IOS
  • MacOS

Die App sollte im Browser Google Chrome aufgerufen und installiert werden. Im Betriebssystem IOS funktioniert das installieren nur im Browser Safari.

Die App Marlems Reise Vokabeltrainer auf einem Mobilgerät mit Betriebssystem Android
Die barrierefreie App Marlems Reise Vokabeltrainer auf einem Mobiltelefon mit Betriebssystem Android

Marlems Reise Vokabeltrainer ist kostenlos!

Einfach installieren und sofort los legen mit dem Vokabeltraining!

Marlems Reise Vokabeltrainer installieren

Sie geben im Browser Google Chrome, im Betriebssystem IOS im Browser Safari, die Webadresse ein www.marlems-reise-vokabeltrainer.de und drücken die Taste Enter.

Wie eine progressive Web App in den Betriebssystemen

  • Windows
  • Ubuntu
  • Android
  • IOS
  • MacOS

Installiert wird, können Sie in diesem Blogartikel lesen:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS
.
Nach dieser Anleitung installieren Sie die App Marlems Reise Vokabeltrainer.

In diesem Youtube-Video zeige ich die Installation Marlems Reise Vokabeltrainer im Betriebssystem Android:

In diesem Youtube-Video zeige ich die Installation von Marlems Reise Vokabeltrainer im Betriebssystem IOS:

In diesem Youtube-Video zeige ich die Installation von Marlems Reise Vokabeltrainer im Betriebssystem Windows:

In diesem Youtube-Video zeige ich die Installation von Marlems Reise Vokabeltrainer im Betriebssystem Ubuntu:

In diesem Youtube-Video zeige ich die Installation von Marlems Reise Vokabeltrainer im Betriebssystem Mac OS:

Zielgruppe der App

Die Hauptzielgruppe der App sind Anwender ohne Behinderung die für Ihren Urlaub die wichtigsten Vokabeln lernen möchten. Progressive Web Apps wurden von Google Entwickelt. Deswegen habe ich mich beim entwickeln der App in Sachen Größe der Bedienelemente und Nutzung von Farben und Verwendung von Schriften an Google Standards gehalten! Die App bekommt bei der Überprüfung mit dem Tool Google Lighthouse in den Kategorien „PWA“, „SEO“, „Best Practices“, „Barrierefreiheit“ und „Leistung“ volle Punktzahl.

Selbstverständlich gehören Anwender mit Behinderung ebenfalls zur Hauptzielgruppe der App! Ich habe die Reihenfolge der Zielgruppen deswegen so gewählt, weil ich mit dieser Application ein Ziel habe! Ich möchte zeigen, dass eine Application für Anwender ohne Behinderung ansprechend aussehen kann und trotzdem barrierefrei ist.
Zugängliche Apps benötigen keine langweiligen Farben, riesen große Schaltflächen und Labels von Elementen zum Bedienen der App in Blindenschrift!
Nein! Zugängliche Applications können nach Standards von Google entwickelt werden, ansprechend gestaltet sein und trotzdem barrierefrei sein!
Folgendes Video zeigt wie die App im Google Betriebssystem Android genutzt werden kann:

Marlems Reise Vokabeltrainer – Vokabeln lernen

So funktioniert Marlems Vokabeltrainer.

Sprache Auswählen

Als erstes müssen Sie eine Sprache auswählen mit der Sie Vokabeln lernen möchten.

Vokabeltraining starten

Mit antippen oder anklicken des Schalters, in englisch Button, Start wird das Vokabeltraining gestartet. Die App fragt die erste Vokabel ab. Das abfragen der Vokabeln geschieht per geschriebener Text und per Sprachausgabe. Auf Mobiltelefone und Tablets mit Betriebssystem Android und auf Windows-Computern und im Linux-Betriebssystem Ubuntu spricht die App im Aktzent der jeweiligen Sprache. Im Apple-Betriebssystem IOS funktioniert die Sprachausgabe auch, aber nicht mit Aktzent der jeweiligen Sprache.

Übersetzungsvorschlag eingeben

Geben Sie in das Eingabefeld „Deutsche Vokabel“ Ihren Vorschlag für die Übersetzung ein.
Ob Sie Wörter groß oder klein schreiben ist der App egal. Wenn Sie Wörter richtig schreiben, aber die Groß-und Kleinschreibung stimmt nicht, ist das Wort trotzdem richtig. Es können alle Wörter kleingeschrieben werden. Sie können auch Wörter groß-und klein schreiben. Sie sind trotzdem richtig, wenn die Reihefolge der Buchstaben richtig ist.

Übersetzungsvorschlag überprüfen lassen

Damit die App ihren Vorschlag für die Übersetzung überprüfen kann, tippen oder klicken Sie auf den Schalter „Überprüfen“. Unter dem Feld zur Eingabe  wird angezeigt ob Ihre eingegebene Vokabel richtig oder falsch ist. Wenn Ihre eingegebene Vokabel falsch war, zeigt die App an, wie die richtige Übersetzung lautet.

Nächste Vokabel anzeigen

Mit antippen oder anklicken des Buttons „Weiter“ zeigt die Application die nächste Vokabel an die Sie übersetzen sollen.

Ende des Vokabeltrainings

Wenn alle Vokabeln abgefragt wurden, zeigt die App unter dem Feld zur Eingabe an, wieviel Fragen (=Vokabeln) es waren und wieviel davon Sie richtig beantwortet haben. Es ist wie ein Vokabeltest. Der Vokabeltest hat nicht das Ziel den Nutzer zu bewerten, sondern soll lediglich eine Kontrolle sein, ob Sie für den geplanten Urlaub. Wenn Sie alle Fragen richtig beantwortet haben, ist der Vokabeltest bestanden und Sie sind fit für Ihren Urlaub. Durch das anzeigen von falschen Antworten Sie ein Lernerfolg.

Wenn Sie mit Ihrem Ergebnis nicht zufrieden gewesen sind, können Sie mit antippen oder anklicken des Buttons, „Start“, die gleichen Vokabeln nochmal trainieren.
Wenn Sie mit Ihrem Vokabeltraining zufrieden sind, können Sie eine andere Sprache lernen oder die App beenden.
Das folgende Video zeigt, Wie Sie Marlems Reise Vokabeltrainer im Betriebssystem IOS nutzen können:

Marlems Reise Vokabeltrainer kann auch im Ausland eingesetzt werden

Wenn Sie die Anwendung zum ersten Mal starten benötigen Sie über WLAN oder Funk eine Internetverbindung. Beim ersten Starten der App werden alle notwendigen Dateien in ein Browserspeicher geladen. So bald alle Dateien im Browserspeicher sind, können Sie die App nutzen, auch wenn Ihr Smartphone, IPhone, Tablet oder IPad gar keine Internetverbindung hat.
Das bedeutet, Marlems Reise Vokabeltrainer kann auch im Ausland genutzt werden, auch wenn Sie mit Ihrem Mobiltelefon gar keine Internetverbindung haben!

Sprachausgabe deaktivieren

Innerhalb der Applikation ist es nicht möglich die Sprachausgabe zu deaktivieren. Sie können jedoch Ihr Smartphone oder Iphone auf Lautlos stellen, dann können Sie zum Beispiel auch im Zug ungestört Vokabeln trainieren.

Das folgende Video zeigt, Wie Sie Marlems Reise Vokabeltrainer im Betriebssystem Windows nutzen können:

App-Like

Es gibt momentan zwei verschiedene Arten von Apps. Native Apps und progressive Web Apps. Native Apps werden mit den Programmiersprachen Java, Kotlin, Swift und Objective-C programmiert. Progressive Web Apps werden mit HTML, CSS und Javascript programmiert.
Damit eine progressive Web App wie eine Native App aussieht, habe ich bei Marlems Reise Vokabeltrainer dafür gesorgt, dass die Applikation die Schriftarten des Betriebssystems benutzt. In Sachen Farbgestaltung habe ich mich an Material Design ( https://material.io/design/color/the-color-system.html#color-theme-creation ) von Google orientiert. Die App-Oberfläche nutzt die ganze Display-Größe. In Sachen Gliederung der App-Oberfläche habe ich mich an der Anwendung von Google Analytics orientiert.
Somit hoffe ich, dass meine progressive Web App auch für Gegner von progressive Web Apps eine „echte“ App ist!

Die progressive Web App "Marlems Reise Vokabeltrainer" bekommt vom Tool Google Lighthouse in den Kategorien "PWA", "SEO", "Best Practices", "Barrierefreiheit" und "Leistung" volle Punktzahl
Das Tool von Google “ Lighthouse“ gibt der progressive Web App „Marlems Reise Vokabeltrainer“ in den Kategorien „PWA“, „SEO“, „Best Practices“, „Barrierefreiheit“ und „Leistung“ volle Punktzahl

Barrierefreiheit

Die App Marlems Reise Vokabeltrainer ist barrierefrei!
Eine Anleitung wie Sie eine progressive Web App barrierefrei entwickeln finden Sie in folgendem Blogartikel:
Progressive Web Apps barrierefrei entwickeln – Kurzanleitung

Screenreadertauglichkeit

Blinde Menschen arbeiten mit einer Software die heißt „Screenreader“, zu Deutsch Bildschirmleser. Damit eine App von blinden Anwender bedienbar ist, muss sie screenreadertauglich sein.
Ich habe die Screenreadertauglichkeit der App Marlems Reise Vokabeltrainer in Windows 11 mit dem kostenlosenBildschirmleser NVDA getestet und in Android mit dem Bildschirmleser Talkback. Beides mal wurden die Bedienelemente vorgelesen. Die App ist Screenreadertauglich. Blinde Menschen können mit dieser App arbeiten.

Aktuelle Position des Fokus deutlich

Marlems Reise Vokabeltrainer kann auch am Computer oder Laptop genutzt werden. Hier besteht die Möglichkeit die ganze App per Tabulatortaste zu bedienen.
Für den Tastaturbenutzer ist es wichtig, zu sehen, wo sich der Tastaturfokus gerade befindet. Anwender mit einer Sehbehinderung haben oft Probleme zu erkennen welche Textmaske gerade aktiv ist. Der Textcursor wird oft als schmaler senkrechter Strich dargestellt. Das ist für Personen mit einer Seheinschränkung oft nicht zu erkennen.
Bei der App Marlems Reise Vokabeltrainer bekommt das aktive Bedienelement eine Gelbe Hintergrundfarbe. Somit ist die PWA für Nutzer mit einer eingeschränkten Sehfähigkeit  bedienbar.

Barrierefreier Farbkontrast

Damit der Farbkontrast zwischen Hintergrund- und Schriftfarbe, barrierefrei ist, habe in ihn mit dem kostenlosen Tool Colour Contrast Analyser  überprüft.
Die kostenlose App von Google, Accessibility Scanner für das Betriebssystem Android, zeigt ebenfalls an, wenn der Farbunterschied nicht barrierefrei ist.
Der Farbgegensatz von Marlems Reise-Vokabeltrainer ist barrierefrei. Nutzer mit einer Farbfehlsichtigkeit können mit dieser App arbeiten.

Mindestgröße der Schrift bei Beschriftungen von Bedienelementen

Für Personen mit einer Sehbehinderung ist es wichtig, dass geschriebener Text eine bestimmte Größe hat. Senioren können ebenfalls davon profitieren, wenn die Schrift eine Größe hat. Deswegen habe ich bei der Entwicklung der App darauf geachtet, dass Labels eine bestimmte Mindestschriftgröße haben.

App-Oberfläche kann vergrößert bzw. gezoomt werden

Für Menschen mit einer Seheinschränkung ist es wichtig, dass die App-Oberfläche mit der üblichen Fingergeste gezoomt werden kann. Das zoomen der App-Oberfläche hilft Personen mit einer eingeeschränkten Sehfähigkeit beim Lesen von Texten oder Textbeschreibungen von Elementen zum Bedienen der App. Diese Funktionalität kann auch für Senioren hilfreich sein.
Die App-Oberfläche von Marlems Reise Vokabeltrainer kann gezoomt werden.

Mindestgröße bei Bedienelementen

Anwender mit motorischen Einschränkungen in den Händen haben Probleme, mit dem Finger kleine Schaltflächen anzutippen. Senioren können ebenfalls Probleme haben mit zu kleinen Schaltflächen und Elemente zum Bedienen der App. Deswegen habe ich bei der Gestaltung der App-Oberfläche darauf geachtet, dass die aufklappbare Liste, die  Textmaske und alle Schalter eine bestimmte Größe haben. Personen mit großen motorischen Einschränkungen in den Händen können die App auf einem Ipad oder Tablet nutzen. Auf diesen Geräten werden die Schaltflächen sehr viel größer dargestellt. Bei der Entwicklung dieser App habe ich gelernt, dass die Google-App „Accessibility Scanner“ die Mindesthöhe von Elementen zum Bedienen der App überprüft.

Viel Spaß beim Vokabeln lernen für den Urlaub!

Ich wünsche Ihnen viel Spaß beim Vokabeln lernen mit Marlems Reise-Vokabeltrainer.
Wenn Sie Fragen zu obige Themen haben schreiben Sie mir eine Mail an info@marlem-software.de oder rufen Sie mich an unter 07072/1278463 .

Autor: Markus Lemcke

Ich bin Markus Lemcke, Softwareentwickler, Webentwickler, Appentwickler, Berater und Dozent für barrierefreies Webdesign, barrierefreie Softwareentwicklung mit Java, C# und Python, Barrierefreiheit bei den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS.

Ein Gedanke zu „Barrierefreie Marlems Reise Vokabeltrainer App“

Schreibe einen Kommentar