WCAG-Test starten
Eine URL eintragen, Test ausführen und automatisch einen technischen Bericht erhalten.
User Wiki
BarriereFinder von der ersten Prüfung bis zur veröffentlichten Konformität.
Dieses Wiki erklärt die gesamte App für Anwender, Admins und View-Only-Benutzer: Tests starten, Ergebnisse verstehen, Kategorien pflegen, Konformitätsmeldungen veröffentlichen, Widgets einbinden und Teamzugriffe verwalten.
Typischer Workflow
Prüfen, verbessern, nachweisen
1
URL testen
Automatisierter WCAG-Bericht
2
Probleme beheben
Fehler und Warnungen abarbeiten
3
Re-Test durchführen
Verbesserung sichtbar machen
4
Meldung veröffentlichen
PDF und Widget nutzen
Überblick
Die wichtigsten Bereiche der App
BarriereFinder verbindet technische Prüfung, organisatorische Verwaltung und rechtliche Dokumentation in einem Workflow.
Berichte auswerten
Fehler, Warnungen und bestandene Prüfungen nach WCAG-Kriterium, Priorität und HTML-Stelle lesen.
Tests organisieren
Geprüfte Seiten in Kategorien sortieren, mehrere Tests gemeinsam bearbeiten und Fortschritt verfolgen.
Konformität dokumentieren
Offene Punkte manuell bestätigen, eine Meldung veröffentlichen und als PDF herunterladen.
Widget einbinden
Veröffentlichte Konformitätsmeldungen sichtbar auf der eigenen Website ausspielen.
Team freigeben
View-Only-Benutzer erstellen und gezielt auf ausgewählte Kategorien beschränken.
WCAG-Kriterien im Detail nachschlagen
Wenn Sie aus einem Bericht auf einen WCAG-Badge klicken, öffnet BarriereFinder die passende Dokumentation mit Negativ- und Positivbeispiel. Dort sehen Sie, wie ein einzelnes Kriterium falsch oder korrekt umgesetzt wird.
Schnellstart: der empfohlene Ablauf
BarriereFinder ist am effektivsten, wenn Sie jede wichtige URL als eigenen Test behandeln: Startseite, Kontakt, Produktseiten, Checkout, Login und rechtlich relevante Seiten. Jede Prüfung erzeugt eine Historie, die Sie nach Verbesserungen erneut testen können.
1
Konto anlegen oder einloggen
Starten Sie über die kostenlose URL-Prüfung, den 14-Tage-Testzugang oder melden Sie sich mit einem bestehenden Konto an.
2
Website-Domain prüfen
Im Profil ist die Website-Domain hinterlegt. Normale Benutzer können nur diese Domain und passende Subdomains testen.
3
URL im Dashboard eintragen
Geben Sie die konkrete Seite ein, die geprüft werden soll. BarriereFinder lädt die Seite und erstellt einen WCAG-Bericht.
4
Ergebnisse öffnen
Klappen Sie einen Test auf, lesen Sie Fehler, Warnungen, Hinweise und konkrete Empfehlungen zur Behebung.
5
Nachbessern und erneut testen
Beheben Sie die gefundenen Probleme auf Ihrer Website und starten Sie für dieselbe URL einen Re-Test.
6
Konformität veröffentlichen
Ab Basic können Sie offene Punkte manuell bestätigen, speichern, veröffentlichen und als PDF dokumentieren.
Konten, Pläne und Rollen
Admin
Admins verwalten Tests, Kategorien, Konformitätsmeldungen und je nach Plan auch View-Only-Benutzer. Sie sehen die Teamverwaltung im Benutzermenü.
Normaler Benutzer
Normale Benutzer arbeiten im Dashboard, starten Tests innerhalb der hinterlegten Domain und erstellen Berichte entsprechend dem gebuchten Plan.
View-Only
View-Only-Benutzer sehen freigegebene Kategorien und Testergebnisse, können aber keine neuen Tests starten oder Kategorien verändern.
| Plan | Preis | Tests | View-Only | Wichtigste Funktionen |
|---|---|---|---|---|
| 14 Tage gratis Testzugang | Gratis | 50 Tests in 14 Tagen | Voller Zugriff | Alle Funktionen der Applikation während des Testzeitraums |
| Basic | 99 € / Monat | 10 Tests pro Monat | 2 | Voller Funktionsumfang ohne Konformitätswidget |
| Pro | 199 € / Monat | 30 Tests pro Monat | 10 | Voller Funktionsumfang inklusive öffentlichem Konformitätswidget |
| Enterprise | 399 € / Monat | Unbegrenzte Tests | 50 | Voller Funktionsumfang inklusive Konformitätswidget und 24/7 Support |
14 Tage gratis Testzugang
PreisGratis
Tests50 Tests in 14 Tagen
View-OnlyVoller Zugriff
Wichtigste FunktionenAlle Funktionen der Applikation während des Testzeitraums
Basic
Preis99 € / Monat
Tests10 Tests pro Monat
View-Only2
Wichtigste FunktionenVoller Funktionsumfang ohne Konformitätswidget
Pro
Preis199 € / Monat
Tests30 Tests pro Monat
View-Only10
Wichtigste FunktionenVoller Funktionsumfang inklusive öffentlichem Konformitätswidget
Enterprise
Preis399 € / Monat
TestsUnbegrenzte Tests
View-Only50
Wichtigste FunktionenVoller Funktionsumfang inklusive Konformitätswidget und 24/7 Support
Dashboard und WCAG-Tests nutzen
- Test starten: Im Feld "WCAG-Test starten" tragen Sie eine vollständige URL ein und klicken auf "Test starten".
- Domain-Bindung: Wenn in Ihrem Profil eine Website-Domain hinterlegt ist, akzeptiert BarriereFinder nur diese Domain und passende Subdomains.
- Live-Fortschritt: Während der Prüfung sehen Sie Statusmeldungen wie Verbindungsaufbau, Webseite laden, Kriterien prüfen und Bericht erstellen.
- Kontingent: Das Dashboard zeigt verbleibende Tests und warnt, wenn das monatliche Limit bald erreicht ist.
- Re-Test: Über eine vorhandene Testkarte können Sie dieselbe URL erneut prüfen und Verbesserungen vergleichen.
Dashboard-Kennzahlen
Gesamt Tests
Alle gespeicherten Prüfungen
Fehler
Nicht bestandene Punkte
Warnungen
Manuell prüfen
Bestanden
Automatisch bestanden
Testergebnisse richtig lesen
Fehler
Ein Kriterium wurde nicht erfüllt. Diese Punkte sollten zuerst behoben werden, weil sie die Konformität direkt gefährden.
Warnungen
Ein möglicher Verstoß oder ein manuell zu prüfender Punkt. Warnungen verlangen fachliche Kontrolle durch Ihr Team.
Bestanden
Das geprüfte Kriterium wurde im automatisierten Test bestanden. Es bleibt sinnvoll, kritische Seiten zusätzlich manuell zu prüfen.
Was eine Ergebnis-Karte enthält
Jede Fundstelle enthält das WCAG-Kriterium, die Beschreibung, die Auswirkung, einen Vorschlag zur Behebung und häufig das betroffene HTML-Element. Längere Snippets können aufgeklappt werden.
So lesen Sie eine Fundstelle
Beginnen Sie mit dem Titel und der Auswirkung, prüfen Sie danach das betroffene Element und den Vorschlag zur Behebung. Der korrigierte HTML-Code zeigt, wie die gefundene Stelle technisch sauber umgesetzt werden kann.
Praxisbeispiele
Typische Fundstellen im Bericht
Diese Beispiele zeigen, wie BarriereFinder problematische Stellen im Bericht darstellt und wie eine korrekte Umsetzung aussehen kann.
Bild ohne Alternativtext
Das Bild vermittelt Inhalt, hat aber keinen Alternativtext. Screenreader können dadurch nicht erklären, was auf dem Bild zu sehen ist.
Fehler: problematisch
<img src="/produkt.jpg">Korrekte Umsetzung
<img src="/produkt.jpg" alt="Roter Wanderrucksack mit Seitentaschen">Formularfeld ohne zugeordnetes Label
Das Feld sieht für sehende Nutzer verständlich aus, ist technisch aber nicht sauber mit einem Label verbunden.
Fehler: problematisch
<input type="email" placeholder="E-Mail">Korrekte Umsetzung
<label for="email">E-Mail-Adresse</label>
<input id="email" type="email">Kontrast zu niedrig
Text und Hintergrund liegen zu nah beieinander. Der Button ist für viele Menschen schwer lesbar.
Warnung: problematisch
<button class="text-gray-300 bg-white">Kaufen</button>Korrekte Umsetzung
<button class="text-brand-navy bg-white">Kaufen</button>Vom Bericht direkt zur WCAG-Dokumentation
Jede Ergebnis-Karte zeigt einen klickbaren Badge wie "WCAG 1.3.1". Ein Klick öffnet die passende Dokumentationsseite mit Negativbeispiel und Positivbeispiel für genau dieses Kriterium. So können Sie direkt vom konkreten Fund zur richtigen Umsetzung wechseln.
Mehr zur BarrierefreiheitsprüfungTests mit Kategorien strukturieren
Kategorien helfen dabei, viele Tests nach Bereichen zu ordnen, etwa "Shop", "Karriere", "Checkout", "Kundenportal" oder "Rechtliches". Die linke Seitenleiste zeigt Kategorien mit Testanzahl und filtert die Testliste.
Einzelne Tests zuweisen
Öffnen Sie die Kategorie-Zuweisung an einer Testkarte. Sie können eine bestehende Kategorie wählen oder direkt einen neuen Kategorienamen eintragen.
Bulk-Modus verwenden
Im Bulk-Modus wählen Sie mehrere Tests aus und weisen sie gemeinsam einer Kategorie zu oder entfernen die Kategorie. Das hilft besonders, wenn Sie viele Seiten nach Website-Bereich, Projektphase oder Verantwortlichkeit strukturieren.
Kategorien bearbeiten
Berechtigte Benutzer können Kategorien erstellen, umbenennen, löschen und zusammenführen. Beim Löschen entscheiden Sie, ob nur die Kategorie oder auch die enthaltenen Tests entfernt werden.
Kategorien für View-Only
View-Only-Zugänge werden über Kategorien begrenzt. Ein externer Prüfer sieht nur die freigegebenen Bereiche.
Konformitätsmeldungen erstellen und veröffentlichen
Wann eine Meldung sinnvoll ist
Eine Konformitätsmeldung dokumentiert, dass Sie die offenen automatischen Funde und manuellen Hinweise fachlich geprüft haben. Sie dient zugleich als nachvollziehbarer Nachweis für Prüfbehörden, dass Barrierefreiheit nicht nur getestet, sondern strukturiert bewertet und dokumentiert wurde.
Mehr zur Konformitätsmeldung1
Test öffnen
Gehen Sie vom Dashboard zur Konformitätsprüfung eines Tests oder öffnen Sie eine vorhandene Meldung in der Übersicht.
2
Funde manuell prüfen
Markieren Sie jeden Fehler und jede Warnung als geprüft und ergänzen Sie bei Bedarf Kommentare.
3
Zwischenstand speichern
Speichern erzeugt oder aktualisiert einen Entwurf. Entwürfe bleiben bearbeitbar.
4
Final bestätigen
Erst wenn alle Punkte geprüft sind, kann die finale Bestätigung gesetzt werden.
5
Veröffentlichen
Nach dem Veröffentlichen ist die Meldung schreibgeschützt und kann als PDF heruntergeladen werden.
6
Widget-Status setzen
Pro- und Enterprise-Nutzer können veröffentlichte Meldungen direkt für das Widget aktivieren.
- Die Übersichtsseite zeigt Entwürfe und veröffentlichte Meldungen mit Suchfeld nach URL.
- Statusfilter trennen alle Meldungen, Entwürfe und veröffentlichte Nachweise.
- Veröffentlichte Meldungen zeigen Veröffentlichungsdatum, PDF-Download und Widget-Schalter.
BarriereFinder Widget einrichten
Sichtbares Zeichen für Barrierefreiheit und Inklusion
Das Widget kann auf Ihrer Website eingebunden werden, um Besucher:innen zu zeigen, dass Ihr Unternehmen digitale Barrierefreiheit aktiv prüft und dokumentiert. Es macht veröffentlichte Konformitätsmeldungen zugänglich und setzt nach außen ein klares Zeichen: Inklusion und eine Website für alle sind Teil Ihrer digitalen Verantwortung.
Widget-Ablauf
1
Widget aktivieren
Beim ersten Aufruf erzeugt BarriereFinder einen Widget-Key für Ihr Unternehmen.
2
Embed-Code kopieren
Im Tab Embed-Code finden Sie das Script, das in Ihre Website eingebunden wird.
3
Meldungen auswählen
Im Tab Meldungen verwalten aktivieren Sie veröffentlichte Konformitätsmeldungen für die Anzeige.
4
Website prüfen
Nach der Einbindung zeigt das Widget die aktiven Meldungen und aktualisiert sich bei Änderungen.
Was im Widget erscheint
Das Widget zeigt nur veröffentlichte Konformitätsmeldungen, die explizit aktiviert wurden. So können Sie beispielsweise nur die wichtigsten Seiten öffentlich sichtbar machen und interne Tests ausblenden.
Konformitätserklärung
LiveDiese Website wurde auf Barrierefreiheit geprüftKonformität nach WCAG 2.2 Level AA wird vermutet
beispiel.at/startseite29.08.2025
beispiel.at/kontakt29.08.2025
beispiel.at/produkte29.08.2025
Geprüft mit BarriereFinder3 / 3 Seiten konform
Team und View-Only-Benutzer verwalten
Was sind View-Only-Benutzer?
View-Only-Benutzer sind eingeschränkte Zugänge für Personen, die Testergebnisse und Nachweise sehen sollen, aber nichts verändern dürfen. Sie sind ideal, wenn Sie Transparenz schaffen möchten, ohne externen oder internen Personen volle Adminrechte zu geben.
Für Auftraggeber und Kund:innen
Externe Stakeholder können sehen, welche Seiten geprüft wurden und welche Ergebnisse vorliegen, ohne Tests zu starten oder Daten zu ändern.
Für Audits und Nachweise
Prüfer:innen, Rechtsberatung oder Management erhalten kontrollierten Einblick in Berichte, Konformitätsmeldungen und optional PDF-Nachweise.
Für getrennte Bereiche
Zugriffe lassen sich auf Kategorien beschränken, zum Beispiel nur auf "Shop", "Karriere" oder "Kundenportal".
Benutzer erstellen
Admins können View-Only-Benutzer mit Name, E-Mail und Passwort anlegen. Optional lassen sich Ablaufdatum, Notizen und eine Willkommensmail hinterlegen.
Berechtigungen begrenzen
Pro Benutzer wählen Sie erlaubte Kategorien und Berechtigungen wie Testdetails ansehen oder PDF herunterladen. Ohne Freigabe bleibt der Zugriff gesperrt.
Rechte aktualisieren
Wenn Berechtigungen geändert wurden, kann es sein, dass View-Only-Benutzer ihre Rechte aktualisieren oder sich neu anmelden müssen.
Benutzer deaktivieren
Deaktivierte oder abgelaufene Benutzer können sich nicht mehr sinnvoll einarbeiten. Die Teamliste zeigt Status, Kategorien, Erstelldatum und letzten Login.
Profil, Sicherheit, Billing und Dokumentation
Profil
Im Profil pflegen Sie Anzeigename, Unternehmen, E-Mail, Avatar und Website-URL. Die Website-URL ist wichtig für die Domain-Validierung im Testformular.
Sicherheit
Der Sicherheitsbereich bündelt Kontoeinstellungen rund um Authentifizierung und Zugangsdaten.
Rechnungen & Abonnement
Im Billing-Bereich verwalten Sie Zahlungsdaten, Rechnungen, Abonnementstatus und planbezogene Änderungen.
WCAG-Dokumentation
Die interne Dokumentation listet WCAG-Kriterien und lädt passende Positiv- und Negativbeispiele. Sie ist besonders hilfreich bei der Umsetzung von WCAG-Fehlerbehebungen.
Häufige Situationen und Lösungen
URL wird abgelehnt
Prüfen Sie, ob die URL zur im Profil hinterlegten Domain gehört. Subdomains sind erlaubt, fremde Domains für normale Benutzer nicht.
Test-Limit erreicht
Das Dashboard blockiert neue Tests, sobald das Planlimit ausgeschöpft ist. Warten Sie auf den neuen Abrechnungsmonat oder wechseln Sie auf einen höheren Plan.
Widget zeigt nichts an
Aktivieren Sie zuerst das Widget, veröffentlichen Sie eine Konformitätsmeldung und fügen Sie diese Meldung im Widget-Tab aktiv hinzu.
PDF-Download fehlt
PDF-Downloads sind an Plan, Berechtigung und Veröffentlichungsstatus gebunden. View-Only-Benutzer benötigen die PDF-Berechtigung.
Support kontaktieren
Wenn ein Problem bestehen bleibt, senden Sie URL, Testzeitpunkt, Screenshot und Ihre Rolle im System an den Support.
Bereit für die nächste Prüfung?
Nutzen Sie das Wiki als Begleiter im Alltag: erst testen, dann priorisieren, beheben, erneut prüfen und die Konformität sauber dokumentieren.