Barrierefreie Quiz App programmieren – Anleitung

Ich in diesem Blogartikel erkläre ich wie Sie mit HTML, CSS und Javascript eine barrierefreie progressive Quiz App programmieren können.

Multiple Choice Quiz – Was ist das?

Kennen Sie die Fernsehsendungen „Wer wird Millionär?“, „Gefragt – Gejagt“ oder „Quizduell – Der Olymp“. In diesen Fernsehsendungen wird eine Frage gestellt und es gibt 3 oder 4 Antwortmöglichkeiten. Diese Art von Quiz nennt sich Multiple Choice Quiz. In diesem Blogartikel erkläre ich Ihnen wie Sie einen barrierefreien Multiple Choice Quiz mit HTML, CSS und Javascript programmieren können. Für Entwickler die Grundkenntnisse in der Programmiersprache Javascript besitzen, ist es sehr einfach mehrere Quiz-Apps mit unterschiedlichen Themen zu programmieren.

Was ist ein barrierefreies Quiz?

Ein barrierefreies Quiz ist ein Quiz dass auch von Menschen mit unterschiedlichen körperlichen Einschränkungen und Behinderung genutzt werden kann. In diesem Blogartikel wird gezeigt wie ein barrierefreies Quiz mit HTML, CSS und JavaScript programmiert wird.

Ziel des Blogartikels

Das Ziel des Blogartikels ist es, Ihnen eine Anleitung zu geben, mit der Sie sehr schnell barrierefreie progressive Quiz Apps selbst programmieren können mit unterschiedlichen Themen und unterschiedlichen Aussehen. Los geht es! So sieht die App aus die wir jetzt gemeinsam programmieren:

Die barrierefreie App Marlems Quiz gestartet auf einem Smartphone mit Betriebssystem Android
Die barrierefreie App Marlems Quiz gestartet auf einem Smartphone mit Betriebssystem Android

„Barrierefreie Quiz App programmieren – Anleitung“ 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

Progressive Web Apps barrierefrei entwickeln – Kurzanleitung

Progressive Web Apps (abgekürzt PWAs) sind plattformunabhängig und es ist sehr einfach eine Progressive Web-App barrierefrei zu entwickeln.  In diesem Artikel gibt es eine kurze Anleitung wie progressive Web Apps entwickelt werden.

Was ist eine App?

App ist die Abkürzung für Application. Application ist englisch und heißt auf deutsch Anwendung. Eine App ist also eine Anwendungen. Früher konnten Apps nur auf Smartphones und Iphones installiert werden. Dann wurden das Tablet und Ipad erfunden. Auf diesen Geräten ist es auch möglich Apps zu installieren. Inzwischen wird Software für Desktop-Betriebssysteme auch Apps genannt. Apps sind die Zukunft.

Gesetzliche Verpflichtung für Öffentliche Stellen des Bundes

Im Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik Absatz 1 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.

Quelle: Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik

Es gibt also für den Staat eine gesetzliche Verpflichtung, dass nur Apps eingesetzt werden dürfen, die barrierefrei sind.

Progressive Web App – Definition

Progressive Web Apps, sind Apps die mit

  • HTML5
  • CSS ( Cascading Style Sheets )
  • Javascript / jQuery

Programmiert werden.

Oft wird die Abkürzung PWA für progressive Web-App verwendet.

Progressive Web Apps sind plattformunabhängig, das bedeutet, sie funktionieren auf allen Betriebssystemen. Sie können auch auf allen Geräten wie Laptop, PC, Smartphone, Iphone, Tablet, Ipad eingesetzt werden.

jQuery ist eine freie JavaScript-Bibliothek, die Funktionen zur DOM-Navigation und -Manipulation zur Verfügung stellt. jQuery ist die meistverwendete JavaScript-Bibliothek und vereinfacht die Programmierung von progressive Internetapps.
Es ist sehr einfach Progressive Web Apps zugänglich zu entwickeln. Hierfür müssen die gleichen Richtlinien umgesetzt werden, wie wenn eine Internetseite behindertengerecht entwickelt werden soll.

5 barrierefreie progressive Web Apps entwickelt von Markus Lemcke im Betriebssystem IOS
5 barrierefreie progressive Web Apps entwickelt von Markus Lemcke im Betriebssystem IOS

„Progressive Web Apps barrierefrei entwickeln – Kurzanleitung“ weiterlesen

Mit neuen Laptop und 10 Programmiersprachen ins Jahr 2021 – Ein Vergleich von Programmiersprachen

In diesem Artikel erkläre warum ich mit neuen Laptop und 10 Programmiersprachen ins neue Jahr starte.

Corona ist schuld!

Als ich letztes Jahr im März begriffen habe, dass es sich dieses Jahr, wegen Corona, nicht lohnt jeden Tag um Aufträge zu kämpfen, beschloss ich mein Informatikwissen zu erweitern. Da ich von Programmieren und Programmiersprachen begeistert bin, beschloss ich auf der Webseite Udemy die wichtigsten Programmiersprachen zu lernen.

Python und Swift benötigen mehr Arbeitsspeicher (=RAM).
Da ich herausgefunden habe, dass ich mit der Programmiersprache Python barrierefreie Software entwickeln kann die auf allen Betriebssystemen eingesetzt werden kann, lernte ich auf Udemy das Betriebssystem MacOS. MacOS wird aber auch dann benötigt wenn barrierefreie Apps mit der Programmiersprache Swift entwickelt werden sollen.

Um auf anderen Betriebssystemen programmieren zu können, wird eine virtuelle Machine benötigt. Eine virtuelle Machine ist eine Software. Mit dieser Software ist es möglich innerhalb eines Betriebssystems (bei mir Windows) andere Betriebssysteme zu testen, ohne dass mehrere Computer bzw. Laptops benötigt werden. Ich nutze als virtuelle Machine Oracle VM VirtualBox und VMware Workstation Pro.

Das Apple Betriebssystem Mac OS benötigt sehr viel Arbeitsspeicher damit es flüssig läuft. Da ich dieses Jahr noch tiefer in die Programmiersprachen Python und Swift eintauchen möchte, habe ich seit Freitag einen neuen Laptop mit Prozessor Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz 2.40 GHz und 16 GByte RAM. 

So sieht der neue Laptop von Markus Lemcke aus
Neuer Laptop von Markus Lemcke: Prozessor Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz 2.40 GHz und 16 GByte RAM

„Mit neuen Laptop und 10 Programmiersprachen ins Jahr 2021 – Ein Vergleich von Programmiersprachen“ weiterlesen

Barrierefreie Softwareentwicklung mit HTML, CSS und Javascript für die Cloud von Marlem-Software

In diesem Blogartikel erkläre ich, warum Marlem-Software barrierefreie Softwareentwicklung mit HTML, CSS und Javascript für die Cloud anbietet.

Was ist Cloud-Software?

Software die auf einer Webseite ausgeführt wird, nennt sich Cloud-Software. Google Docs und Google Drive sind gute Beispiele für eine Cloud-Software.

Cloud-Software ist plattformunabhängig

Dadurch dass Cloud-Software auf einer Webseite ausgeführt wird, kann sie auf allen Betriebssystemen ausgeführt werden. Diese Eigenschaft nennt sich plattformunabhängig. Cloud-Software ist plattformunabhängig.

Javascript ist eine Programmiersprache geworden

Javascript wurde entwickelt um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren auf Internetseiten. Inzwischen ist Javascript eine Programmiersprache geworden, weil die damalige Scriptsprache stark erweitert wurde. In Ranglisten von Programmiersprachen ist Javascript sogar vor der Microsoft Programmiersprache C#.
Da Javascript so umfangreich geworden ist, kann Cloud-Software mit:

  • HTML
  • CSS
  • Javascript

entwickelt werden.

Plattformunabhängige, barrierefreie Softwareentwicklung für die Cloud

Wer Erfahrung hat Internetseiten mit HTML und CSS barrierefrei zu entwickeln ( Barrierefreies Webdesign ), der kann auch plattformunabhängige Cloud-Software barrierefrei entwickeln.

„Barrierefreie Softwareentwicklung mit HTML, CSS und Javascript für die Cloud von Marlem-Software“ weiterlesen

barrierefreie Appentwicklung: Progressive Web Apps

Seit September 2016 steht im Gleichstellungsgesetz für Menschen mit Behinderungen dass staatliche Einrichtungen dazu verpflichtet sind, mobile Anwendungen, umgangssprachlich App, barrierefrei zu gestalten. In diesem Artikel erkläre barrierefreie App-Entwicklung anhand von Progressive Web Apps.

Barrierefreie Appentwicklung – Gleichstellungsgesetz für Menschen mit Behinderungen

Im Gleichstellungsgesetz für Menschen mit Behinderungen steht seit September 2016 in § 12a Barrierefreie Informationstechnik Absatz 1 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: Gesetz zur Gleichstellung von Menschen mit Behinderungen (Behindertengleichstellungsgesetz – BGG)

Mobile Anwendungen sind Apps. Somit sind staatliche Einrichtungen dazu verpflichtet, wenn sie Apps einsetzen, darauf zu achten, dass diese Apps barrierefrei sind.

So sieht Marlems Sprechassistent auf einem Android Smartphone aus:
Marlems Sprechassistent auf einem Android Smartphone

„barrierefreie Appentwicklung: Progressive Web Apps“ weiterlesen