Ich in diesem Blogartikel erkläre ich wie Sie mit HTML, CSS und Javascript eine barrierefreie progressive Quiz App programmieren können.
Inhaltsverzeichnis
- Ziel des Blogartikels
- Die Entwicklungsumgebung um progressive Web Apps zu programmieren
- Barrierefreie Quiz App – HTML
- Barrierefreiheit im HTML
- Barrierefreie Quiz App – CSS
- Barrierefreiheit im CSS
- Barrierefreie Quiz App – Javascript
- Barrierefreiheit im Javascript
- Benutzerfreundlichkeit
- Barrierefreie Quiz App – Das Web-Manifest
- App-Icon erstellen und einbinden
- Die barrierefreie Quiz-App zusammenbauen
- Service Worker erstellen
- Die barrierefreie Quiz App validieren
- Die Quiz-App muss jetzt ins Web
- Die Quiz-App installieren in unterschiedliche Betriebssysteme
- Die Quiz App anpassen
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:
„Barrierefreie Quiz App programmieren – Anleitung“ weiterlesen