In diesem Blogartikel wird erklärt wie mit einem ChatGPT-Prompt ein barrierefreies Multiple-Choice-Quiz programmiert werden kann.
Einleitung
Barrierefreiheit im Web ist kein „Nice-to-have“ mehr, sondern eine Voraussetzung, damit digitale Angebote von allen Menschen genutzt werden können. Ob Screenreader, Tastatursteuerung oder farbkontrastsicheres Design – ein gutes Webprojekt muss diese Aspekte berücksichtigen.
Doch wie kann man ein solches Projekt effizient umsetzen, ohne bei null anfangen zu müssen? Hier kommt GPT ins Spiel. Mit einem sorgfältig formulierten Prompt lassen sich komplette, barrierefreie Anwendungen generieren.
In diesem Artikel zeige ich Schritt für Schritt, wie ein Multiple-Choice-Quiz als Progressive Web App (PWA) entsteht – barrierefrei, tastaturfreundlich und screenreader-tauglich.
Was ist ein Multiple-Choice-Quiz?
Ein Multiple-Choice-Quiz ist ein Frage-Antwort-Spiel, bei dem es zu jeder Frage mehrere Antwortmöglichkeiten gibt. Meistens ist genau eine Antwort richtig, manchmal können es auch mehrere richtige Antworten sein.
Vorteile eines Multiple-Choice-Quiz:
- Spieler:innen können strukturiert überlegen.
- Lerninhalte lassen sich klar abfragen.
- Die Auswertung ist einfach, weil die Antworten vordefiniert sind.
Beispiele kennt man aus Schul-Tests, Führerscheinprüfungen oder Online-Lernplattformen.
Menschen, die JavaScript programmieren können, sind in der Lage, die Quiz-Fragen sehr leicht an ihre eigenen Bedürfnisse anzupassen. So ist es möglich, mit diesem Quiz ganz unterschiedliche Inhalte zu lernen – von Schulfächern über Themen im Studium bis hin zu Schachaufgaben.
