Detailoptionen
Weitere Detailoptionen erscheinen in einer Popup-Sprechblase, sobald man ein Element anklickt:
Required
Mit der Required-Option legen Sie fest, dass ein Eingabefeld ausgefüllt sein muss, bzw. bei einer Selectbox/Dropdownliste etwas ausgewählt sein muss bzw. dass eine Checkbox angekreuzt sein muss, bevor die entsprechende Option. Es empfiehlt sich unbedingt, dem Websitebesucher die Tatsache, dass es sich um ein Pflichtfeld handelt auch kenntlich zu machen. Normalerweise geschieht wird automatisch durch das Styling der Website ein "*" am Ende des Labels hinzugefügt. Sie brauchen somit nichts weiter zu tun als sicherzustellen, dass dieses "*" irgendwo auf der Seite auch erläutert wird. Laut Accessibility-Richtlinien sollte die Erläuterung am Anfang des Formulars stehen also in einer Zeile vor dem ersten Formularfeld.
Autocomplete
Siehe Autocomplete-Attribute vergeben
Size
Mit diesem Attribut können Sie im Einzelfall beeinflussen, wie groß ein Feld sein soll. Das ist normalerweise nicht erforderlich, aber kann praktisch sein, wenn sich etwa 2 Felder in einer Zeile befinden und beide Felder nicht genau die Hälfte der verfügbaren Breite einnehmen sollen. Dies ist z.B. bei einer Kombination der zwei Felder PLZ und Ort in einer Zeile der Fall. Ohne weitere Einstellungen wären beide Felder gleich groß:
Stellt man nun z.B. eine Size von "5" für das PLZ-Feld ein, so ist das PLZ-Feld etwa so groß, dass man 5 Zeichen eingeben kann und das Ortsfeld (für das nach wie vor keine Size definiert wurde) nimmt dann den restlichen Raum ein:
Das Einstellen einer Size für ein Feld bewirkt nicht, dass der Benutzer später nur die jeweilige Anzahl Zeichen in das Feld eingeben kann. Es ist lediglich eine Einstellung der gewünschten Größe des Feldes.
Aria-Description
Bei manchen Feldern möchten Sie dem Benutzer möglicherweise noch zusätzliche Hinweise oder Erläuterungen zum Ausfüllen geben. Natürlich können Sie diese auch einfach als Text unter das Feld schreiben. In diesem Fall sind diese Informationen natürlich immer sofort sichtbar.
Alternativ können Sie diese Informationen auch als sogenannte Aria-Description hinterlegen. In diesem Fall erscheint im Feld ein "i" und die Informationen werden erst auf Klick hin eingeblendet. Das hat zunächst natürlich den Vorteil, dass das Formular aufgeräumter wirkt und diese zusätzlichen Informationen wirklich nur bei Bedarf erscheinen.
Bei Benutzern mit visuellen Einschränkungen, die einen sogenannten Screen-Reader nutzen, um sich die Websiteinhalte vorlesen zu lassen, gibt es noch zusätzliche wichtige Vorteile dieser Aria-Description:
Wenn die Informationen einfach direkt als Text unterhalb des Feldes stehen, werden sie erst dann vorgelesen, wenn der Benutzer an dem Feld schon vorbei ist. Der Benutzer müsste dann zunächst erst wieder zum vorhergehenden Feld wechseln, um den Informationen zu folgen
Solange der Fokus auf dem eigentlichen Feld liegt, gibt es für diese Benutzergruppe keine Hinweise, dass überhaupt noch Informationen folgen. Der Benutzer kann ja die Informationen darunter nicht automatisch "sehen".
Ein Screen-Reader-Benutzer, der die Informationen nicht benötigt, bekommt sie dennoch jedes Mal vorgelesen. Er kann nicht wie ein sehender Benutzer so einfach darüber "hinwegblicken".
Die Aria-Description vermeidet auch diese beiden Probleme elegant: Es wird akustisch ein Hinweis gegeben, dass optionale Zusatzinformationen vorliegen und dann kann der Nutzer über eine spezielle Tastenkombination diese Zusatzinformationen bei Bedarf ansagen lassen.