Synonyms: Form area

See also: Group , error prevention and correction , required field label , authentication , control elements

Forms have the purpose of the input of data. A form contains one or more form elements.

Figure 19: Address input form

Presentation

Permalink "Presentation"

Only those requirements that are directly related to the form are described below. Requirements regarding interactive elements within the form are described at the respective element.

Error prevention and correction und

Required field label). | Must | EN 301 549:
9.3.3.1 bis 9.3.3.4, 11.3.3.1 bis 11.3.3.4 | | @!342 | Complexity | The form should be clearly designed. The content of complex forms should be grouped programmatically and visually or split into different screens. | Should | DIN EN ISO 9241-125: 5.1.8 |

No.PropertyDescriptionClassificationReference
340ResizingAll elements of the form must be perceptible and operable with a font size adjustment of up to 400% (and a resulting display width of 320 px), in the sense that they wrap and do not have to be horizontally scrolled.MustEN 301 549:
9.1.4.10, 11.1.4.10
341Error preventionThe form must be designed in such a way that errors can be prevented and corrected (also see

Operation

Permalink "Operation"

keyboard shortcut

The keyboard shortcuts should be documented in the Help option and application. | Should | DIN EN ISO 9241-171: 9.3.10 | | @!345 | Navigation sequence | The navigation sequence in the form must be designed so that the contents can be perceived in a meaningful sequence and the control elements can be accessed according to their task-appropriate processing sequence.

Note: This applies, for example, to the Submit button which must receive the focus at the end of the form.

| Must | EN 301 549:
9.2.4.3, 11.2.4.3 | | @!346 | Updates | When focusing and operating the interactive elements within the form, no unexpected change of context may occur. | Must | EN 301 549:
9.3.2.1, 11.3.2.1, 9.3.2.2, 11.3.2.2 | | @!347 | Click area | The click area of the interactive elements in the form should total at least 24 x 24 px (see

Use of the pointing device). | Should | WCAG 2.2 |

No.PropertyDescriptionClassificationReference
343Use of the keyboardIt must be possible to access, operate and exit the interactive elements in the form with the keyboard (see Use of the keyboard table).MustEN 301 549: 9.2.1.1, 11.2.1.1, 9.2.1.2, 11.2.1.2
344Use of the keyboardFrequently used buttons on the form (e. g. the Submit button) should be accessible by

Use of the keyboard: form

Permalink "Use of the keyboard: form"
ActionKeyClassification
Focusing of the form (first element)TABRequired
Desktop: Quick navigation between form areasF6Recommended
Submitting the formENTERRecommended

Programming/interfaces

Permalink "Programming/interfaces"
No.PropertyDescriptionClassificationReference
348NameIf the form has a visual label, it must be communicated as an Accessible Name.MustEN 301 549:
9.4.1.2, 11.4.1.2, 11.5.2.5
349Desktop: Element hierarchyThe parent / child relationships of the elements within the form must be communicated to the Accessibility API.MustEN 301 549: 11.5.2.9

Information about this article

Date:
15.01.2024
License:
CC-BY-SA 4.0
Version:
1.0

You are welcome to send feedback by email about our handout!