Xtra Quiz ist unser eigenes Projekt: eine Lernplattform mit Quizzen zu fünf Schulfächern, kostenlos und ohne Anmeldung. Angefangen hat es als kleine Übungsanwendung für Erdkunde. Heute liegen dort mehrere tausend geprüfte Fragen in sieben verschiedenen Aufgabenformaten — und darunter ein vollständig selbst entwickeltes System aus Redaktion, Spielbetrieb und Seitenverwaltung. Kein WordPress, kein Framework, kein Baukasten.
Projektdaten:
Zwei Gruppen sollen dieselbe Seite nutzen: Schülerinnen und Schüler, die gezielt für eine Klassenarbeit üben, und Leute, die einfach nur quizzen wollen. Die einen brauchen Zugriff auf ein bestimmtes Thema, die anderen wollen einen gemischten Durchlauf über alles.
Daraus folgen Anforderungen, an denen fertige Lösungen scheitern. Ein Bestand dieser Größe lässt sich nicht einzeln über eine Plugin-Oberfläche anlegen — er muss sich in großen Mengen einliefern lassen, samt automatischer Prüfung. Dieselbe Frage soll je nach Modus als Auswahlfrage, als Lückentext oder als freie Eingabe erscheinen können, ohne dreimal erfasst zu werden. Und die Auswertung muss auf dem Server stattfinden, sonst stehen die Lösungen im Quelltext.
Dazu kommt der Datenschutz. Eine Seite, die von Kindern benutzt wird, sollte im Seitenaufbau nichts von fremden Servern nachladen. Keine Schriften von außen, keine eingebetteten Karten, keine Werbung.
Zwei Grundentscheidungen tragen das System. Die Datenbank ist die verbindliche Quelle, das Dateiformat ist Ein- und Ausgabeweg — jede Änderung erzeugt automatisch einen Abzug, sodass der gesamte Bestand jederzeit außerhalb der Datenbank gesichert und wiederherstellbar ist. Und Inhalt, Spielregel und Darstellung sind voneinander getrennt: Die Spielmodi liegen als Daten in der Datenbank statt im Programmcode. Ein neues Format entsteht dadurch ohne Eingriff ins System.
Redaktion für Massendaten. Fragen werden einzeln, im Stapel oder als Archiv eingeliefert. Davor läuft eine automatische Prüfung auf Vollständigkeit, Dubletten und unbekannte Einordnungen, deren Bericht vor der Übernahme angezeigt wird. Jede spätere Änderung im Browser wird versioniert. Die Fächerstruktur ist verbindlich hinterlegt, durchsuchbar und aufklappbar, und wächst mit dem Bestand. Ein Wartungsbereich zieht Datenbankänderungen nach, wenn eine neue Programmfassung eingespielt wird — ohne dass jemand von Hand eingreifen muss.
Sieben Aufgabenformate aus einem Pool. Auswahl, Mehrfachauswahl, Wahr oder falsch, Zuordnen, Sortieren, Lückentext und freie Eingabe. Geübt wird wahlweise über ein Fach, ein Thema, ein Unterthema oder quer über alles, mit frei wählbarem Umfang. Beim Üben kommt die Rückmeldung sofort, bei gewerteten Runden am Ende. Die Auswertung läuft vollständig auf dem Server — die Lösungen verlassen ihn nicht vorzeitig. Sortieraufgaben funktionieren per Maus und per Finger.
Nichts, was ungefragt von außen lädt. Schriften liegen lokal, es gibt keine eingebetteten Karten, keine Videos, keine Werbeflächen. Was die Seite beim Aufruf ausliefert, kommt vom eigenen Server. Die Reichweitenmessung ist der einzige externe Dienst, und sie startet erst, wenn der Besucher zugestimmt hat — technisch im System verankert, nicht nur im Banner versprochen. Wer ablehnt, baut keine einzige Verbindung nach außen auf. Ein Sitzungscookie dient ausschließlich dem Spielbetrieb.
Auffindbarkeit im System verankert. Titel und Beschreibungen entstehen automatisch aus dem Inhalt und lassen sich jederzeit überschreiben. Dazu kanonische Adressen, Weiterleitungen bei Adressänderungen, eine automatisch erzeugte Sitemap und Vorschaubilder beim Teilen in Messengern. Redaktionelle Seiten wie Impressum und Datenschutz laufen über dasselbe Seitensystem und lassen sich frei in die Struktur einhängen.
Zu jeder Frage gehört eine Erklärung, zu den meisten eine weiterführende Information, und alle Fragen sind Klassenstufen zugeordnet. Ein Teil greift gezielt verbreitete Irrtümer auf und korrigiert sie — etwa die Vorstellung, im Mittelalter habe man die Erde für eine Scheibe gehalten, oder die Zungenkarte aus alten Biologiebüchern.
Beim Quiz zum Nationalsozialismus haben wir als einzigem auf die sonst üblichen Zusatzinformationen verzichtet. Der beiläufige Ton, der bei Erdkunde funktioniert, wäre dort unpassend.
Als Lesetext dient eine Schrift, die eigens auf gute Unterscheidbarkeit der Buchstaben hin entwickelt wurde. Farbkontraste, Schriftgrößen und Bedienflächen sind darauf ausgelegt, dass auch jüngere Kinder und Menschen mit Leseschwäche zurechtkommen.
Die Plattform deckt derzeit fünf Schulfächer ab und wächst weiter; neue Quizze und ganze Fachbereiche kommen laufend hinzu. Genau darauf ist das System ausgelegt: Ein neuer Fachzweig ist ein Eintrag, kein Umbau. Ein neues Aufgabenformat liegt als Datensatz in der Datenbank und nicht im Programmcode. Und weil jede Änderung automatisch einen Abzug erzeugt, ist der gesamte Bestand jederzeit gesichert, ohne dass jemand daran denken muss.
Betrieben wird das Ganze auf einem gewöhnlichen Webhosting-Paket — kein eigener Server, keine externen Dienste im Auslieferungsweg, kein Build-Vorgang. Der Programmumfang ist dabei bewusst schlank geblieben. Was schlank bleibt, lässt sich verstehen, warten und weiterentwickeln; das ist bei einem Projekt, das über Jahre wachsen soll, wichtiger als jede Funktion.
Für Kundenprojekte sind mehrere Bausteine daraus unmittelbar verwendbar — das Redaktionssystem für strukturierte Massendaten mit Prüfung bei der Einlieferung, der Mechanismus, der Datenbankänderungen selbsttätig nachzieht, die automatisch erzeugten und überschreibbaren Suchmaschinenangaben, und das schlanke Gerüst, das ohne Framework auf jedem Standardhosting läuft. Überall dort, wo viele gleichartige Datensätze gepflegt und öffentlich dargestellt werden sollen, ist das die passende Grundlage: Produktkataloge, Verzeichnisse, Datenbanken mit Prüfvorgang.
Wir entwickeln Software nicht nur für uns. Interne Werkzeuge, Kundenportale, Buchungs- und Auswertungssysteme, Schnittstellen zwischen Programmen, die nicht zusammenarbeiten — wenn es das, was Sie brauchen, nicht fertig zu kaufen gibt, schauen wir uns an, was sich dafür entwickeln lässt.
Seit 2008 sind wir als engagierter Web‑ und E‑Commerce‑Dienstleister in der Nähe von Zwickau, Sachsen aktiv und entwickeln für Selbstständige und Unternehmen moderne, zukunftsfähige Lösungen – von individuellen WordPress‑Websites über WooCommerce‑Onlineshops bis hin zu gezieltem Online‑Marketing.

Xtra Graphics
We firmly believe that the internet should be available and accessible to anyone, and are committed to providing a website that is accessible to the widest possible audience, regardless of circumstance and ability.
To fulfill this, we aim to adhere as strictly as possible to the World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) at the AA level. These guidelines explain how to make web content accessible to people with a wide array of disabilities. Complying with those guidelines helps us ensure that the website is accessible to all people: blind people, people with motor impairments, visual impairment, cognitive disabilities, and more.
This website utilizes various technologies that are meant to make it as accessible as possible at all times. We utilize an accessibility interface that allows persons with specific disabilities to adjust the website’s UI (user interface) and design it to their personal needs.
Additionally, the website utilizes an AI-based application that runs in the background and optimizes its accessibility level constantly. This application remediates the website’s HTML, adapts Its functionality and behavior for screen-readers used by the blind users, and for keyboard functions used by individuals with motor impairments.
If you’ve found a malfunction or have ideas for improvement, we’ll be happy to hear from you. You can reach out to the website’s operators by using the following email
Our website implements the ARIA attributes (Accessible Rich Internet Applications) technique, alongside various different behavioral changes, to ensure blind users visiting with screen-readers are able to read, comprehend, and enjoy the website’s functions. As soon as a user with a screen-reader enters your site, they immediately receive a prompt to enter the Screen-Reader Profile so they can browse and operate your site effectively. Here’s how our website covers some of the most important screen-reader requirements, alongside console screenshots of code examples:
Screen-reader optimization: we run a background process that learns the website’s components from top to bottom, to ensure ongoing compliance even when updating the website. In this process, we provide screen-readers with meaningful data using the ARIA set of attributes. For example, we provide accurate form labels; descriptions for actionable icons (social media icons, search icons, cart icons, etc.); validation guidance for form inputs; element roles such as buttons, menus, modal dialogues (popups), and others. Additionally, the background process scans all the website’s images and provides an accurate and meaningful image-object-recognition-based description as an ALT (alternate text) tag for images that are not described. It will also extract texts that are embedded within the image, using an OCR (optical character recognition) technology. To turn on screen-reader adjustments at any time, users need only to press the Alt+1 keyboard combination. Screen-reader users also get automatic announcements to turn the Screen-reader mode on as soon as they enter the website.
These adjustments are compatible with all popular screen readers, including JAWS and NVDA.
Keyboard navigation optimization: The background process also adjusts the website’s HTML, and adds various behaviors using JavaScript code to make the website operable by the keyboard. This includes the ability to navigate the website using the Tab and Shift+Tab keys, operate dropdowns with the arrow keys, close them with Esc, trigger buttons and links using the Enter key, navigate between radio and checkbox elements using the arrow keys, and fill them in with the Spacebar or Enter key.Additionally, keyboard users will find quick-navigation and content-skip menus, available at any time by clicking Alt+1, or as the first elements of the site while navigating with the keyboard. The background process also handles triggered popups by moving the keyboard focus towards them as soon as they appear, and not allow the focus drift outside it.
Users can also use shortcuts such as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics) to jump to specific elements.
We aim to support the widest array of browsers and assistive technologies as possible, so our users can choose the best fitting tools for them, with as few limitations as possible. Therefore, we have worked very hard to be able to support all major systems that comprise over 95% of the user market share including Google Chrome, Mozilla Firefox, Apple Safari, Opera and Microsoft Edge, JAWS and NVDA (screen readers).
Despite our very best efforts to allow anybody to adjust the website to their needs. There may still be pages or sections that are not fully accessible, are in the process of becoming accessible, or are lacking an adequate technological solution to make them accessible. Still, we are continually improving our accessibility, adding, updating and improving its options and features, and developing and adopting new technologies. All this is meant to reach the optimal level of accessibility, following technological advancements. For any assistance, please reach out to
Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie müssen den Inhalt von reCAPTCHA laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr InformationenSie müssen den Inhalt von hCaptcha laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr InformationenSie müssen den Inhalt von reCAPTCHA laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr InformationenSie müssen den Inhalt von Turnstile laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von Smartsupp. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von reCAPTCHA. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen