Barrierefreiheit
der NotarNow Online-Formulare

Screenreader-Rückmeldungen bei dynamischen Veränderungen
Änderungen in Formularfeldern (z. B. Hinzufügen neuer Eingabefelder) werden so umgesetzt, dass Screenreader-Nutzerinnen und -Nutzer unmittelbar informiert werden.

Verbesserte Semantik des Formular-HTML
Wir achten auf eine durchdachte Strukturierung und den korrekten Einsatz von HTML5-Elementen. Dadurch werden Informationen für assistive Technologien wie Screenreader leichter zugänglich.

Optimierter Farbkontrast
Für Text und Hintergrund verwenden wir ein Kontrastverhältnis von mindestens 7:1. Grafische Elemente (z. B. Symbole, Linien) verfügen über ein Kontrastverhältnis von mindestens 3:1. Dies erleichtert insbesondere Menschen mit Sehbeeinträchtigungen die Wahrnehmung der Inhalte.

Verwendung von <div> und <fieldset>
Alle Formularfelder sind nun in <div>- oder <fieldset>-Elementen strukturiert (keine Nutzung von <li> mehr). Mehrteilige Eingabebereiche (z. B. Adressfelder, Checkbox-Gruppen) sind in <fieldset> eingebunden.

Einsatz von legend für Gruppenbeschriftungen
Anstelle von einzelnen <label>-Elementen nutzen wir bei Feldgruppen ein <legend>, das die Funktion der gesamten Eingabegruppe (z. B. Adressangaben) klar und nachvollziehbar beschreibt.

Refaktorisierung des Listenfelds
Dynamische Listen (z. B. zum Hinzufügen und Entfernen mehrerer Datensätze) wurden neu strukturiert. Die „Hinzufügen“- und „Entfernen“-Elemente sind nun <button>-Elemente anstatt <a>-Links, sodass Screenreader die Funktion korrekt ansagen und Tastaturbedienung erleichtert wird.

Verzicht auf Tabellen für Layout
Alle <table>-Tags, die rein zur Gestaltung dienten, wurden durch semantisch sinnvolle <div>-Strukturen ersetzt. So ist die Lesereihenfolge und Bedienbarkeit über Screenreader besser gewährleistet.

Logische und klar strukturierte Navigation
Die gesamte Seitenstruktur ist konsistent aufgebaut. Menüs und Links sind eindeutig benannt und führen Nutzerinnen und Nutzer intuitiv durch die Inhalte.

Tastaturzugänglichkeit
Alle Eingabefelder, Schaltflächen und Links lassen sich per Tastatur (Tab-Taste) ansteuern. Die Tab-Reihenfolge ist logisch, und der Fokus wird durch optisch gut sichtbare Umrandungen hervorgehoben.

Klare, einfache Sprache
Wir bemühen uns um kurze Sätze und verzichten sofern möglich auf Fachjargon. Dadurch wird der Zugang zu Informationen vereinfacht.

Semantische HTML-Tags und ARIA-Rollen
Wir nutzen in allen Formularen korrekte Überschriftenstruktur (H1, H2, H3) in sinnvoller Reihenfolge und setzen ARIA-Attribute (z. B. role, aria-label) so ein, dass Hilfstechnologien alle relevanten Informationen erhalten.

Eindeutige Labels und Fehlermeldungen
Jedes Formularfeld hat eine eindeutige Beschriftung. Fehlermeldungen sind klar formuliert und erläutern, worin der Fehler besteht und wie er behoben werden kann.

Kennzeichnung von Pflichtfeldern
Pflichtfelder werden nicht nur farblich markiert, sondern ausdrücklich als „erforderlich“ gekennzeichnet, um Personen mit Sehschwäche eine eindeutige Information zu bieten.

Angepasste Schriftgröße und Layout
Wir verwenden eine Mindestschriftgröße von 16px und achten auf ausreichend Zeilenabstand sowie kurze Absätze. So bleiben Inhalte gut lesbar, insbesondere auch bei vergrößerter Darstellung.

Barrierearme Dokumente zum Download
Wo möglich, bieten wir ergänzende HTML-Versionen zu PDF-Dokumenten an und gestalten die PDFs so barrierearm wie möglich.

Zoomfunktion und alternative Eingabemethoden
Unsere Formulare lassen sich ohne Einschränkung vergrößern und verkleinern. Darüber hinaus unterstützen wir Eingabemethoden wie Spracheingabe, Touchscreen und alternative Tastaturen.

Prüfung der ARIA-Attribute und Rollen
Wir stellen sicher, dass alle [aria-*]-Attribute korrekt geschrieben, den richtigen HTML-Elementen zugewiesen und nicht fehlerhaft oder doppelt vergeben sind.