Skip to content

Captcha (AKDB intern)

Die Captcha-Komponente ist ein unverzichtbares Werkzeug, um Webanwendungen und -formulare vor automatisierten Zugriffen und Spam zu schützen.

Overview

WARNING

Bei der Komponente handelt es sich um eine nur in der AKDB intern verwendbare Querschnittskomponente (QSYS). Bei Interesse bitte Kontakt aufnehmen.

Intro

Die Captcha-Komponente ist ein unverzichtbares Werkzeug, um Webanwendungen und -formulare vor automatisierten Zugriffen und Spam zu schützen. Sie verlangt von Benutzern, eine Aufgabe zu lösen, die für Computer schwer, für Menschen jedoch leicht zu bewältigen ist. Dies bestätigt, dass der Benutzer kein automatisiertes Skript ist. Die Captcha-Komponente kann in verschiedenen Formen auftreten, einschließlich, aber nicht beschränkt auf Texteingabe, Bildauswahl und Audio-Captcha.

Captcha

Verwendung

👍 Do👎 Don't
...wenn sichergestellt werden soll, dass eine Aktion von einem Menschen und nicht von einem automatisierten System durchgeführt wird....wenn es eine schnellere, weniger intrusive Methode gibt, die Authentizität des Benutzers zu überprüfen, wie z.B. Zwei-Faktor-Authentifizierung.

Guidelines

WARNING

Bei der Komponente handelt es sich um eine nur in der AKDB intern verwendbare Querschnittskomponente (QSYS). Bei Interesse bitte Kontakt aufnehmen.

Aufbau

Die Captcha Komponente hat die nachfolgenden Bestandteile:

  1. Herausforderung: Nutzer müssen die hervorgehobenen Zeichen korrekt erfassen.
  2. Textfield : Die Zeichen müssen korrekt in das Textfield eingegeben werden.
  3. Aktionsbuttons :
    1. Audioausgabe : Die Zeichen der Herausforderung können, um die Barrierefreiheit der Komponente zu stärken, auch via Audio ausgegeben werden.
    2. Neu generieren : Falls das Captcha nicht verständlich genug ist, kann es neu generiert werden.

Aufbau Captcha

Anordnung & Gruppierung

Die Captcha-Komponente sollte in der Nähe des Punktes platziert werden, an dem die Benutzerverifikation entscheidend ist, z.B. neben dem Submit-Button eines Formulars oder oberhalb eines Anmelden Buttons in einer Login Komponente.

Verhalten

Nachdem der Benutzer eine Eingabe getätigt hat, wird bei einem Fehler direkt unterhalb des Textfields die Fehlermeldung ausgegeben, dass ein oder mehrere Zeichen falsch eingegeben wurden.

Fehlerhafte Eingabe

Barrierefreiheit

Vollkommene Barrierefreiheit bei Captchas zu gewährleisten ist nur sehr schwierig möglich. Da es sich im Grunde um das Lösen einer Aufgabe handelt. Es wurde darauf geachtet die Farbkontraste innerhalb der Herausforderung bestmöglich zu wählen, so dass sie für Menschen erkennbar ist, aber für Bots nicht. Dazu wurde noch zusätzlich eine Audioausgabe der Herausforderung als zweite Ausgabemöglichkeit neben dem Bild bereitgestellt, die mittels eines Aktionsbuttons ausgelöst werden kann.

Tastaturbedienung

Über Tabulatortaste ("Tab") oder Hochstell- und Tabulatortaste ("Shift" + "Tab") können die Aktionsbuttons und das Textfield fokussiert werden. Die Aktionsbuttons können mittels Wagenrückholtaste ("Return"), Eingabetaste ("Enter") und auch per Leerzeichentaste ("Space") ausgelöst werden.