Synonyms: Separator, window splitter, splitter

See also: Control point , slider , scrollbar

A section separator is used to scale a page area or two neighboring page areas. Section separators are also used to scale table columns and rows.

A section separator is located between two page areas and consists of a bar and in some cases a control point. Section separators can have different manifestations:

  • arranged horizontally or vertically,
  • continuous or incremental scaling,
  • scaling in the range of 0 to 100% (i.e., between hidden and full screen), or with a restricted area,
  • scaling of both areas or only one of the two areas (the other area then moves, but remains unchanged in its size).
Figure 28: Section separator
No.PropertyDescriptionClassificationReference
438ContrastThe bar or control point of the section separator must have a contrast ratio of at least 3:1 with respect to the background.MustEN 301 549: 9.1.4.11, 11.1.4.11
439Focus visibilityIf the section separator receives the keyboard focus, the focus indicator must be visible (see Focus indicator
No.PropertyDescriptionClassificationReference
440Use of the keyboardIt must be possible to access, operate and exit the section separator with the keyboard (see Use of the keyboard table, below).

Alternatively, it must be possible to scale the area with the keyboard when the focus is in the scalable area. In this case, the use of the keyboard for the section separator must be explained in the application and/or Help option. In addition, it must then be ensured that an area which is hidden by operation of the section separator can also be displayed again.

Exception: If the section separator has no relevant function, it does not have to be keyboard-operable. This is the case, for example, if the section separator is used to scale page areas, if all content is fully perceptible in the standard display, and if the scaling does not add any value.
MustEN 301 549: 9.2.1.1, 11.2.1.1, 9.2.1.2, 11.2.1.2
441Use of the pointing deviceThe use of the pointing device for the section separator may not be complex.

Please note: Complex use of the pointing device means

  • multipoint operation (e.g. swiping with several fingers),
  • path-based operation (where the start and end points of the use of the pointing device are not just relevant, but at least one intermediate point is).

MustEN 301 549: 9.2.5.1, 11.2.5.1
442Use of the pointing deviceIt should also be possible to operate the section separator without the dragging use of the pointing device.

Note: This can be achieved, for example, by clicking on the section separator and then clicking on the target position.

ShouldWCAG 2.2
443UpdatesWhen focusing and operating the section separator, no unexpected change of contextUse of the pointing device

Use of the keyboard: section separator

Permalink "Use of the keyboard: section separator"

Note: The following requirements only apply if the section separator receives the focus with the keyboard.

ActionKeyClassification
Focusing of the section separatorTABRequired
Exiting the section separatorTABRequired
Operation of the section separatorUP/DOWN ARROW, LEFT/RIGHT ARROW (depending on the orientation of the section separator)Required
Operation of the section separator (minimum and maximum scaling)POS1, ENDRecommended
Switch between current, minimum and maximum scalingENTER
SPACE
Recommended

Use of the pointing device: section separator

Permalink "Use of the pointing device: section separator"
ActionKeyClassification
Operation of the section separatorLeft click and drag on the bar or control point (drag and drop)Required
Operation of the section separatorLeft click to enable and move the pointing device, left click on the target positionRecommended
No.PropertyDescriptionClassificationReference
445RoleThe role of the section separator must be communicated to the Accessibility APIElement statusFocus indicator

Information about this article

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