BFSG für SaaS & Kundenportale: Login, Dashboard, PDFs (Checkliste)

Wenn du SaaS anbietest oder ein Kundenportal betreibst, ist BFSG für dich wahrscheinlich relevanter als du denkst. Denn sobald Verbraucher das Portal nutzen können (Registrierung, Login, Vertragsverwaltung, Rechnungen, Support), bist du schnell im Scope.

Und das „Gefährliche“ ist nicht die Startseite. Es sind die Flows.

Warum Portale oft durchfallen

Portale sind technisch komplexer als Marketing-Seiten:

dynamische Tabellen & Filter
modale Dialoge
viele Formulare
Fehlermeldungen
PDFs (Rechnungen/Verträge)

Automatische Checks finden hier zwar einiges – aber die größten Probleme sind meist in der Bedienbarkeit.

1) Login: der erste Gatekeeper

Checkliste:

Felder haben echte Labels (nicht nur Placeholder)
Passwort-„Auge“ ist per Tastatur bedienbar
Fehlertexte sind konkret („Passwort zu kurz“ statt „Fehler“)
Fokus ist immer sichtbar

2) 2FA / Codes: nicht zur Barriere machen

Wenn du One-Time-Codes nutzt:

Eingabefelder logisch (Tab-Reihenfolge)
Auto-Advance darf nicht Fokus zerstören
Copy/Paste muss funktionieren

3) Dashboard: Tabellen, Filter, Controls

Typische BFSG-Probleme im Dashboard:

Tabellen ohne saubere Header-Zuordnung
Filter-Dropdowns, die nicht per Tastatur funktionieren
Buttons ohne verständlichen Namen („Icon-only“)
„Infinite scroll“ ohne Alternative

Mini-Test: Kannst du einen Datensatz finden, filtern und öffnen – nur per Tastatur?

4) Modals & Drawer

Fokus muss im Dialog bleiben
Esc schließt
Nach dem Schließen geht Fokus sinnvoll zurück

Wenn das nicht stimmt, sind Nutzer gefangen.

5) PDFs (Rechnungen, Verträge, Reports)

Viele Portale sind „halb barrierefrei“ – und liefern dann PDFs, die alles ruinieren.

Checkliste:

PDFs sind getaggt (Struktur/Outline)
Tabellen sind als Tabellen ausgezeichnet
Bilder/Diagramme haben Alternativtexte (oder es gibt eine Textalternative)

6) Support & Kontakt

Ticket-Formulare barrierefrei (Labels, Fehler, Fokus)
Chat-Widgets nicht als Tastaturfalle

Die 10-Minuten-Routine (sehr effektiv)

Login
1 Kernfunktion ausführen (z. B. Rechnung herunterladen)
Support-Kontakt finden

Nur Tastatur.

Wenn du dabei hängen bleibst, ist das euer Bottleneck.

Nächster Schritt

Wenn du willst, prüfen wir Portal-Flows (nicht nur Landingpages) und priorisieren Fixes, die schnell Wirkung bringen.

BFSG Check starten