Operation Manual

Nach oben
Verhalten „JavaScript aufrufen“ aus.
3. Geben Sie im Dialogfeld „JavaScript aufrufen“ den Namen der JavaScript-Funktion ein, die beim Klicken auf die Schaltfläche ausgeführt
werden soll. Klicken Sie dann auf „OK“.
Sie können auch den Namen einer noch nicht vorhandenen Funktion eingeben, beispielsweise processMyForm().
4. Wenn die JavaScript-Funktion im Abschnitt head des Dokuments noch nicht vorhanden ist, fügen Sie sie jetzt hinzu.
Beispielsweise können Sie im Abschnitt head die folgende JavaScript-Funktion hinzufügen, die eine Meldung einblendet, wenn der Benutzer
auf die Senden-Schaltfläche klickt:
function processMyForm(){
alert('Thanks for your order!');
}
Barrierefreie HTML-Formulare erstellen
Wenn Sie ein HTML-Formularobjekt einfügen, können Sie dieses Objekt barrierefrei gestalten. Außerdem haben Sie die Möglichkeit, die
Eingabehilfen-Attribute zu einem späteren Zeitpunkt zu ändern.
Barrierefreie Formularobjekte hinzufügen
1. Aktivieren Sie das Dialogfeld „Eingabehilfen“ für Formularobjekte, wenn Sie zum ersten Mal barrierefreie Formularobjekte hinzufügen (siehe
Optimieren des Arbeitsbereichs für visuelle Entwicklung).
Diesen Schritt müssen Sie nur einmal ausführen.
2. Setzen Sie die Einfügemarke im Dokument an die Stelle, an der das Formularobjekt stehen soll.
3. Wählen Sie „Einfügen“ > „Formular“ und dann das einzufügende Formularobjekt.
Das Dialogfeld „Eingabehilfen-Attribute für Input-Tag“ wird eingeblendet.
4. Nehmen Sie im Dialogfeld die gewünschten Einstellungen vor und klicken Sie auf „OK“. Es folgt eine unvollständige Liste der verfügbaren
Optionen:
Hinweis: Das Bildschirmlesegerät liest den Namen, den Sie für das Objekt als Label-Attribut eingeben.
ID weist dem Feld eine ID zu. Dieser Wert kann in JavaScript für Verweise auf das Feld verwendet werden. Er wird außerdem als Wert für
das for-Attribut verwendet, wenn Sie in den Stiloptionen die Option „Label-Tag mit for-Attribut anhängen“ wählen.
Umbruch mit Label-Tag bewirkt, dass das Formularobjekt wie folgt in Label-Tags eingeschlossen wird:
<label>
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton1</label>
Label-Tag mit for-Attribut anhängen Mithilfe des for-Attributs wird das Formularelement in Label-Tags eingeschlossen:
<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton">
<label for="radiobutton">RadioButton2</label>
Die Auswahl dieser Option bewirkt, dass der mit einem Kontrollkästchen oder Optionsschalter verbundene Text im Browser in einem
Fokusrechteck angezeigt wird. Der Benutzer kann dann auf eine beliebige Stelle in diesem Text klicken und muss nicht unbedingt genau auf
das Kontrollkästchen oder den Optionsschalter klicken.
Hinweis: Diese Möglichkeit empfiehlt sich als Eingabehilfe. Die Funktionalität kann jedoch je nach Browser variieren.
Kein Label-Tag bewirkt, dass kein Label-Tag verwendet wird:
<input type="radio" name="radiobutton" value="radiobutton">
RadioButton3
Zugriffstaste bewirkt, dass das Formularobjekt im Browser über eine Taste (einen Buchstaben) und die Alt-Taste (Windows) bzw. Ctrl
(Macintosh) ausgewählt werden kann. Wenn Sie beispielsweise B als Zugriffstaste definieren, können Macintosh-Benutzer das
Formularobjekt im Browser mit Ctrl+B auswählen.
Reihenfolgenposition gibt eine Tabulatorreihenfolge für die Formularobjekte an. Wenn Sie für ein Objekt eine Reihenfolgenposition
festlegen, müssen Sie dies auch bei allen anderen Objekten tun.
Das Festlegen einer Reihenfolge ist sinnvoll, wenn eine Seite weitere Hyperlinks und Formularobjekte enthält. Der Benutzer gelangt dann in
einer bestimmten Reihenfolge mithilfe der Tabulatortaste von einem Element zum nächsten.
5. Klicken Sie auf „Ja“, um ein Formular-Tag einzufügen.
611