Zugreifbare adaptive Formulare erstellen creating-accessible-adaptive-forms
Einführung introduction
Ein barrierefreies Formular ist ein Formular, das jeder verwenden kann, einschließlich Benutzer mit Behinderungen. Adobe Experience Manager (AEM) umfasst eine Reihe von Funktionen, die die Nutzung adaptiver Formulare für Benutzer mit unterschiedlichen Fähigkeiten verbessern. Die Lösung unterstützt außerdem Verfasser von Strukturen bei der Erstellung anpassbarer Formulare.
Die Integration von Barrierefreiheit in adaptive Formulare ermöglicht nicht nur eine möglichst breite Zielgruppe für Inhalte, sondern ist auch eine Anforderung bei der Bereitstellung von Dokumenten in Ländern, in denen die Einhaltung von Barrierefreiheitsstandards vorgeschrieben ist. Mit AEM Forms können Formularentwickler die Barrierefreiheitsstandards einhalten.
Beim Erstellen eines adaptiven Formulars sollte der Autor die folgenden Punkte berücksichtigen, um barrierefreie adaptive Formulare zu erstellen:
- Angabe von angemessenen Beschriftungen für Formularsteuerelemente
- Angabe von Textäquivalenten für Bilder
- Sicherstellen von ausreichendem Farbkontrast
- Sicherstellen, dass Formularsteuerelemente mit der Tastatur aufgerufen werden können
Angabe von angemessenen Beschriftungen für Formularsteuerelemente provide-proper-labels-for-form-controls
Die Beschriftung oder der Titel einer Komponente gibt an, was die Formularkomponente darstellt. Beispielsweise teilt der Text "Vorname"Benutzern mit, dass sie ihren Vornamen in ein Textfeld eingeben müssen. Damit Bildschirmlesehilfen auf die Beschriftung zugreifen können, wird sie programmgesteuert mit einer Formularkomponente verknüpft. Alternativ kann das Formularsteuerelement mit zusätzlichen Barrierefreiheitsinformationen konfiguriert werden.
Die Beschriftung, die von Bildschirmlesehilfen wahrgenommen wird, muss nicht unbedingt mit der visuellen Beschriftung übereinstimmen. In einigen Fällen möchten Sie den Zweck des Steuerelements möglicherweise genauer untersuchen. Für jedes Feldobjekt in einem Formular können die Barrierefreiheitsoptionen verwendet werden, um anzugeben, was die Bildschirmlesehilfe ankündigt, um das spezifische Formularfeld zu identifizieren.
Gehen Sie wie folgt vor, um die Barrierefreiheitsoption zu verwenden:
- Wählen Sie eine Komponente aus und tippen Sie auf .
- Klicken Sie in der Seitenleiste auf Ein-/Ausgabehilfe, um die gewünschte Barrierefreiheitsoption auszuwählen.
Barrierefreiheitsoptionen in Formularkomponenten accessibility-options-in-form-components
Eigener Text Formularautoren geben den Inhalt im Textfeld „Eigener Text“ der Barrierefreiheitsoptionen an. Die Hilfstechnologie, wie Bildschirmlesegeräte, verwendet diesen benutzerdefinierten Text. Die Verwendung der Einstellung Titel ist in den meisten Szenarien die beste Option. Erwägen Sie die Erstellung von benutzerdefiniertem Bildschirmtext nur, wenn Sie den Reader oder eine Kurzbeschreibung nicht verwenden können.
Kurzbeschreibung Bei den meisten Komponenten wird die Kurzbeschreibung zur Laufzeit angezeigt, wenn der Benutzer den Mauszeiger über die Komponente hält. Sie können diese Option im Feld „Kurzbeschreibung“ unter der Option für den Hilfeinhalt festlegen.
Titel Verwenden Sie diese Option, damit AEM Forms die visuelle Beschriftung, die mit dem Formularfeld verknüpft ist, als Text für Bildschirmlesegeräte verwendet.
Name Sie können einen Wert im Feld „Name“ auf der Registerkarte „Bindung“ angeben. Der Name darf keine Leerzeichen enthalten.
Kein Bei Auswahl von „Kein“ verfügt das Formularobjekt im veröffentlichten Formular über keinen Namen. Die Einstellung „Kein“ empfiehlt sich nicht für Formularsteuerelemente.
Angabe von Textäquivalenten für Bilder provide-text-equivalents-for-images
Bilder können bei einigen Benutzern dazu beitragen, das Verständnis zu verbessern. Für Benutzer, die Bildschirmlesehilfen verwenden, verringern Bilder jedoch die Barrierefreiheit Ihres Formulars. Wenn Sie Bilder verwenden möchten, geben Sie Textbeschreibungen für alle Bilder an.
Stellen Sie sicher, dass der Text das Objekt und seinen Zweck im Formular beschreibt. Eine Bildschirmlesehilfe liest diesen alternativen Text, wenn ein Bild auftritt. Für ein Bild muss immer ein alternativer Text angegeben sein.
Wählen Sie eine Bildkomponente aus und tippen Sie auf . Geben Sie in der Seitenleiste unter „Eigenschaften“ einen Alternativtext für ein Bild ein.
Sicherstellen von ausreichendem Farbkontrast provide-sufficient-color-contrast
Bei Barrierefreiheits-Designs müssen zusätzliche Richtlinien zur Farbverwendung beachtet werden. Formularautoren können Farben verwenden, um das Erscheinungsbild von Formularen zu verbessern, indem sie verschiedene Formularkomponenten hervorheben. Eine unsachgemäße Verwendung von Farbe kann jedoch das Lesen eines Formulars für Personen mit unterschiedlichen Fähigkeiten erschweren oder unmöglich machen.
Sehbehinderte Benutzer benötigen einen hohen Kontrast zwischen Text und Hintergrund, um digitale Inhalte zu lesen. Ohne ausreichenden Kontrast kann ein Formular für einige Benutzer schwierig, wenn nicht gar unmöglich zu lesen sein.
Es wird empfohlen, die standardmäßigen Schrift- und Hintergrundfarben zu verwenden - Inhalte in schwarzer Farbe auf einem weißen Hintergrund. Wenn Sie die Standardfarben ändern, wählen Sie entweder eine dunkle Vordergrundfarbe auf einer hellen Hintergrundfarbe oder umgekehrt.
Siehe Erstellen benutzerdefinierter Designs für adaptive Formulare, um weitere Informationen zum Ändern des Farbkontrasts und Designs für adaptive Formulare zu erhalten.
Sicherstellen, dass Formularsteuerelemente mit der Tastatur aufgerufen werden können ensure-that-form-controls-are-keyboard-accessible
Ein barrierefreies Formular kann vollständig mit nur der Tastatur oder einem entsprechenden Eingabegerät ausgefüllt werden. Benutzer mit eingeschränkter Mobilität oder Sehfähigkeit haben möglicherweise keine andere Wahl, als die Tastatur zu verwenden, und viele Benutzer, die eine Maus verwenden können, bevorzugen die Eingabe über die Tastatur. Indem Sie die verschiedenen Eingabemethoden berücksichtigen, erstellen Sie nicht nur barrierefreie Formulare, sondern auch Formulare, die den Vorlieben aller Benutzer besser entsprechen.
Die folgenden Tastaturbefehle sind in AEM Forms verfügbar.