Seitenhistorie

Die Verknüpfung von Beschriftungen mit den zugeordneten Eingabefeldern stellt sicher, dass der Aufbau einer Seite unabhängig von der Präsentation festgelegt und zugänglich ist:

• Der Screenreader liest die Beschriftungen vor, wenn der Benutzer durch die Formularelemente wandert.

• Ein Vorteil der Nutzung nativer label-Elemente: Mausnutzer können durch einen Klick auf das Label den Fokus auf das zugeordnete Formularelement setzen.

Linking labels to the associated input fields ensures that the structure of a page is defined and accessible regardless of the presentation:

• The screen reader reads the labels aloud as the user navigates through the form elements

• One advantage of using native label elements: Mouse users can set the focus to the associated form element by clicking on the label

Information conveyed exclusively through color is inaccessible to blind users. Even color-blind users, who may work with their own color schemes, cannot identify and distinguish colors, or can only do so to a limited extent.

Web pages are visually structured using elements such as headings, columns, or boxes. This structuring helps users understand what belongs together, easily navigate the website's offerings, and access the content that interests them.

Users who cannot utilize this visual organization—for example, because they are blind—rely on the structure being accessible and usable with assistive devices such as screen readers, regardless of the screen display. The use of jump links, HTML5 elements to mark sections, or section headings is essential for this.

For iframes, a meaningful title helps screen reader users navigate. Common screen readers evaluate the title attribute and the name attribute, which is commonly used in programming. The title attribute is displayed first.

This allows users to use section headings, jump links, HTML5 elements for regions, or WAI-ARIA document landmark:

• Skip constant sections at the beginning of the page, such as the navigation or page header, to go directly to the content

• Switch back and forth between sections