Barrierefreie Farbkontraste bei Texten nach EN 301 549

In diesem Blogartikel wird erklärt wie barrierefreie Farbkontraste bei Webseiten, Software und Apps nach EN 301 549 realisiert werden können.

Was ist die EN 301 549 ?

Die EN 301 549 ist eine europäische Norm. Sie enthält Richtlinien für folgende Bereiche:

  • Barrierefreiheit bei Webseiten
  • Barrierefreiheit bei Software
  • Barrierefreiheit bei Apps
  • Barrierefreiheit bei Hardware

Für die barrierefreie Gestaltung von Webseiten, Software, Apps und Hardware gibt es viele Prüfschritte die erfüllt sein müssen.
In diesem Blogartikel geht es um den Prüfschritt 9.1.4.3 Kontraste von Texten ausreichend

„Barrierefreie Farbkontraste bei Texten nach EN 301 549“ weiterlesen

Marlems Türme von Hanoi App – neue barrierefreie progressive Web App

Das IT-Unternehmen Marlem-Software hat eine neue barrierefreie progressive Web App entwickelt, das Computerspiel Türme von Hanoi. Die App heißt „Marlems Türme von Hanoi“.

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.

Progressive Web Apps im Browser ausführen

Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari. Die Web-Adresse vom Marlems Türme von Hanoi ist www.tuerme-von-hanoi.de .

Wie werden progressive Web-Apps „installiert“?

Alle Browser von Desktop und Mobilgeräten, egal ob im Betriebssystem Windows, Ubuntu, Android oder im Betriebssystem IOS haben ein Menü „App installieren“ oder „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web App 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 und im Browser Edge ein Menü „… installieren“ oder „App installieren“.
In diesem Blogartikel wird erklärt, wie Sie eine progressive Web App in unterschiedlichen Betriebssystemen installieren können:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS

Die App wurde erfolgreich getestet

Die App wurde erfolgreich in folgenden Betriebssystemen mit folgenden Browsern getestet:

Betriebsystem Browser
Windows 11 Google Chrome
Windows 11 Microsoft Edge
Ubuntu 22.04 Google Chrome
Android 13 Google Chrome
IOS 16 Safari

„Marlems Türme von Hanoi App – neue barrierefreie progressive Web App“ weiterlesen

Marlems Schiebe-Puzzle App – neue barrierefreie progressive Web App

Das IT-Unternehmen Marlem-Software hat eine neue barrierefreie progressive Web App entwickelt, das Computerspiel Schiebe-Puzzle. Die App heißt „Marlems Schiebe-Puzzle“.

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.

Progressive Web Apps im Browser ausführen

Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari. Die Web-Adresse vom Marlems Schiebe-Puzzle ist www.marlems-schiebe-puzzle.de .

Wie werden progressive Web-Apps „installiert“?

Alle Browser von Desktop und Mobilgeräten, egal ob im Betriebssystem Windows, Ubuntu, Android oder im Betriebssystem IOS haben ein Menü „App installieren“ oder „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web App 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 und im Browser Edge ein Menü „… installieren“ oder „App installieren“.
In diesem Blogartikel wird erklärt, wie Sie eine progressive Web App in unterschiedlichen Betriebssystemen installieren können:
Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS

Die App kann auch ohne Internet genutzt werden. Wenn Sie die App 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.

Was ist Schiebe-Puzzle?

Schiebepuzzle ist ein Spiel, bei dem man versucht, durch Verschieben von Kacheln ein Bild oder eine Form wiederherzustellen. Das Spiel besteht aus einer quadratischen oder rechteckigen Schachtel, in der sich mehrere rechteckige Kacheln befinden. Jede Kachel ist mit einem Teil eines Bildes oder einer Form bedruckt.
Zu Beginn des Spiels sind die Kacheln in einer zufälligen Reihenfolge angeordnet, sodass das Bild oder die Form nicht erkennbar ist. Ziel des Spiels ist es, die Kacheln durch Verschieben so anzuordnen, dass das Bild oder die Form wiederhergestellt wird.
Das Verschieben der Kacheln erfolgt, indem man eine Kachel auswählt und sie in eine freie Position schiebt, um Platz für andere Kacheln zu schaffen. Man kann eine Kachel nur in eine Position schieben, die sich in unmittelbarer Nähe befindet und leer ist.
Das Spiel kann in verschiedenen Schwierigkeitsstufen gespielt werden, indem man die Anzahl der Kacheln erhöht oder die Anzahl der möglichen Bewegungen begrenzt. Schiebepuzzle sind in der Regel ein Einzelspieler-Spiel und können auf Papier oder mit einem Computer oder mobilen Gerät gespielt werden.

Die barrierefreie App Marlems Schiebepuzzle auf einem Smartphone mit Betriebssystem Android
„Marlems Schiebe-Puzzle App – neue barrierefreie progressive Web App“ weiterlesen

Marlems Hangman Spiel – neue barrierefreie progressive Web App

Das IT-Unternehmen Marlem-Software hat eine neue barrierefreie progressive Web App entwickelt, das Computerspiel Hangman. Die App heißt „Marlems Hangman-Spiel“.

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.

Progressive Web Apps im Browser ausführen

Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari. Die Web-Adresse vom Marlems Hangman-Spiel ist www.marlems-hangman-spiel.de .

Die App-Oberfläche der barrierefreien App Marlems Hangman-Spiel im Betriebssystem Android
Die App-Oberfläche der barrierefreien App Marlems Hangman-Spiel im Betriebssystem Android

„Marlems Hangman Spiel – neue barrierefreie progressive Web App“ weiterlesen

Barrierefreie Apps – Was ist das und wie können diese gefunden werden?

In diesem Blogartikel wird erklärt, was barrierefreie Apps sind und wie diese gefunden werden können.

Was sind Apps bzw. mobile Apps?

Als App bzw. mobile App wird eine Anwendungssoftware für Mobilgeräte beziehungsweise mobile Betriebssysteme bezeichnet. Mobile Betriebssysteme sind zum Beispiel Android und IOS.
Obwohl sich der Begriff App bzw. bzw. mobile App auf jegliche Art von Anwendungssoftware bezieht, wird er im deutschen Sprachraum oft mit Anwendungssoftware für Smartphones, iPhones, iPads und Tablets gleichgesetzt. Bei mobile Apps wird zwischen nativen Apps, die nur auf einer Plattform funktionieren, und plattformunabhängigen Web-, Hybrid- und Cross-Plattform-Apps unterschieden.

Barrierefreie Apps – Definition

Apps sind dann barrierefrei, wenn sie so programmiert bzw. entwickelt wurden, dass sie von allen Menschen, auch von Menschen mit körperlichen Einschränkungen oder Behinderungen, uneingeschränkt bedient werden können.

Barrierefreie Apps – Behindertengleichstellungsgesetz – BGG

Im Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik steht:

(1) Öffentliche Stellen des Bundes gestalten ihre Websites und mobilen Anwendungen, einschließlich der für die Beschäftigten bestimmten Angebote im Intranet, barrierefrei. Schrittweise, spätestens bis zum 23. Juni 2021, gestalten sie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich ihrer Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, barrierefrei. Die grafischen Programmoberflächen sind von der barrierefreien Gestaltung umfasst.
(7) Der Bund wirkt darauf hin, dass gewerbsmäßige Anbieter von Websites sowie von grafischen Programmoberflächen und mobilen Anwendungen, die mit Mitteln der Informationstechnik dargestellt werden, aufgrund von Zielvereinbarungen nach § 5 Absatz 2 ihre Produkte so gestalten, dass sie barrierefrei genutzt werden können.

Quelle: BGG § 12a Barrierefreie Informationstechnik

Das bedeutet, öffentliche Stellen des Bundes sind zum Einsatz von barrierefreien Apps verpflichtet und Unternehmen sollten barrierefreie Apps einsetzen.

„Barrierefreie Apps – Was ist das und wie können diese gefunden werden?“ weiterlesen

Barrierefreie Appentwicklung als Progressive Web App – Fachartikel im entwickler magazin von Markus Lemcke

Im entwickler magazin wurde in Ausgabe 1.2023 ein Fachartikel von mir veröffentlicht über Barrierefreie Appentwicklung als Progressive Web App.

Von September bis Dezember 2021 habe ich auf der Webseite Udemy den Kurs gemacht „Web-Apps mit Javascript und jQuery selber programmieren“. Parallel dazu habe ich das Buch von Christian Liebel über Progressive Web-Apps durchgearbeitet.

Logbuch: Dezember 2022: Ein Fachartikel von mir über Barrierefreie Appentwicklung als Progressive Web-App wird im entwickler magazin veröffentlicht und das Thema landet auf der Titelseite!

Titelseite der IT-Fachzeitschrift entwickler magazin mit Hinweis auf den Artikel PWA Barrierefreiheit auf allen Plattformen
Titelseite der IT-Fachzeitschrift entwickler magazin mit Hinweis auf den Artikel PWA Barrierefreiheit auf allen Plattformen (=Betriebssystemen)

„Barrierefreie Appentwicklung als Progressive Web App – Fachartikel im entwickler magazin von Markus Lemcke“ weiterlesen

5 barrierefreie Apps entwickelt von Marlem-Software im Jahr 2022

Das IT-Unternehmen Marlem-Software hat von Januar bis Juli 5 barrierefreie Apps entwickelt.

Gesetzliche Verpflichtung zum Einsatz von barrierefreien Apps

Im Gesetz zur Gleichstellung von Menschen mit Behinderungen (Behindertengleichstellungsgesetz – BGG)
§ 12a Barrierefreie Informationstechnik steht Folgendes:

(1) Öffentliche Stellen des Bundes gestalten ihre Websites und mobilen Anwendungen,
einschließlich der für die Beschäftigten bestimmten Angebote im Intranet, barrierefrei.
Schrittweise, spätestens bis zum 23. Juni 2021, gestalten sie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich ihrer Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, barrierefrei. Die grafischen Programmoberflächen sind von der barrierefreien Gestaltung umfasst.

Quelle: Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik

Öffentliche Stellen des Bundes sind gesetzlich dazu verpflichtet, Apps einzusetzen, die barrierefrei sind. Eine Suche mit der Suchmaschine Google nach
barrierefreie appentwicklung
barrierefreie apps

zeigt, dass die öffentlichen Stellen des Bundes nicht gewillt sind, ihrer gesetzlichen Verpflichtung nachzukommen.
Deswegen habe ich beschlossen, dass ich dieses Jahr viele barrierefreie Apps entwickle, damit das Thema in der Gesellschaft ankommt.

Wann sind Apps barrierefrei?

Was bedeutet der Begriff „barrierefreie Apps“?
Eine App ist dann barrierefrei, wenn sie für Menschen mit unterschiedlichen körperlichen Einschränkungen oder Behinderungen nutzbar sind.

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

„5 barrierefreie Apps entwickelt von Marlem-Software im Jahr 2022“ weiterlesen

Barrierefreie App: barrierefreie Stadt

Es gibt eine neue barrierefreie App des IT-Unternehmens Marlem-Software: Barrierefreie Stadt.

Barrierefreie Appentwicklung – Was ist das?

Barrierefreie Appentwicklung 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 Appentwicklung wichtig?

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

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.

Progressive Web Apps im Browser ausführen

Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari.

Wie werden progressive Web-Apps „installiert“?

Alle Browser von Desktop und Mobilgeräten, egal ob im Betriebssystem Windows, Ubuntu, Android oder im Betriebssystem IOS haben ein Menü „App installieren“ oder „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web App 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 und im Browser Edge ein Menü „… installieren“ oder „App installieren“.

Barrierefreie Stadt installieren

Sie geben im Browser Google Chrome, im Betriebssystem IOS im Browser Safari, die Webadresse ein www.mbarrierefreie-stadt.de und drücken die Taste Enter.
Sie können die App im Browser ausführen oder installieren.
Wie eine progressive Web App in den oben aufgeführten Betriebssystemen 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 Barrierefreie Stadt.

In folgendem Video zeige ich wie die App „Barrierefreie Stadt“ in den Betriebssystemen Windows 11, Android und IOS installieren.

„Barrierefreie App: barrierefreie Stadt“ weiterlesen

Barrierefreie App: Marlems Hauptstadt Quiz

Es gibt eine neue barrierefreie App des IT-Unternehmens Marlem-Software: Marlems Hauptstadt Quiz.

Barrierefreie Appentwicklung – Was ist das?

Barrierefreie Appentwicklung 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 Appentwicklung wichtig?

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

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.

Progressive Web Apps im Browser ausführen

Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari.

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 App 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 und im Browser Egde ein Menü „… installieren“ oder „App installieren“.

Marlems Hauptstadt Quiz

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

Die App Marlems Hauptstadt Quiz im Betriebssystem Android
So sieht die App Marlems Hauptstadt Quiz im Betriebssystem Android aus

„Barrierefreie App: Marlems Hauptstadt Quiz“ weiterlesen

Barrierefreie App: Marlems Communicator

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

Barrierefreie Appentwicklung – Was ist das?

Barrierefreie Appentwicklung 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 Appentwicklung wichtig?

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

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. Mithilfe einer Manifest-Datei ist es möglich, dass eine Progressive Web-App genauso aussieht wie eine Native App. Progressive Web-Apps sind plattformunabhängig, das bedeutet, sie können auf allen Betriebssystemen eingesetzt werden.

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 App 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“.

Marlems Communicator

Ich habe eine neue, barrierefreie progressive Web-App programmiert. Sie heißt „Marlems Communicator. 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.

„Barrierefreie App: Marlems Communicator“ weiterlesen