Synonyme: Bildlaufleiste, Scrollbar

Siehe auch: Schieberegler, Paginierung, Karussell, Griff

Ein Scrollbalken dient dem Scrollen der gesamten Seite, eines Seitenbereichs oder von Teilen eines Elements (wie z. B. Listeneinträgen einer Ausklappliste) in den sichtbaren Bereich. Darüber hinaus dient der Scrollbalken der Visualisierung der aktuellen Position und der Gesamtgröße der Seite, Seitenbereiche oder Elemente (siehe DIN EN ISO 9241-161: 8.35).

Ein Scrollbalken besteht aus einem Rollbalken und dem Bildlauffeld. Der Rollbalken repräsentiert die Gesamtlänge oder -breite des scrollbaren Bereichs. Das Bildlauffeld zeigt die Position und Größe des sichtbaren Ausschnitts an und dient darüber hinaus dem Verschieben des sichtbaren Ausschnitts.

In der Regel befinden sich am Beginn und Ende des Rollbalkens je ein Schalter mit Pfeil-Icon zum schrittweisen Scrollen.

Vertikale Scrollbalken befinden sich am rechten Rand des scrollbaren Bereichs. Horizontale Scrollbalken befinden sich am unteren Rand des scrollbaren Bereichs.

Abbildung: Vertikaler und horizontaler Scrollbalken
Nr.EigenschaftBeschreibungKlassifizierungReferenz
764KontrastDie Icons der Schalter am Rand des Scrollbalkens müssen zum Hintergrund ein Kontrastverhältnis von mindestens 3:1 aufweisen.MussEN 301 549: 9.1.4.11, 11.1.4.11
765KontrastDas Bildlauffeld muss zum Rollbalken ein Kontrastverhältnis von mindestens 3:1 aufweisen.

Hinweis: Das Kontrastverhältnis von Bildlauffeld und Rollbalken kann auch über einen entsprechenden Rahmen um den Rollbalken eingehalten werden.

MussEN 301 549: 9.1.4.11, 11.1.4.11
766KontrastIst der Rollbalken ausschließlich aufgrund seiner farblichen Gestaltung als solcher zu erkennen, muss diese Farbe zu benachbarten Farben ein Kontrastverhältnis von mindestens 3:1 aufweisen.

Hinweis 1: Ein Rollbalken kann z. B. aufgrund seines Rahmens oder seiner Hintergrundfarbe als interaktives Element erkennbar sein.

Hinweis 2: Die Anforderung gilt nicht, wenn der gesamte Scrollbalken z. B. aufgrund seiner Position in Verbindung mit den Schaltern am Beginn und Ende und dem Bildlauffeld eindeutig als solcher zu erkennen ist.

MussEN 301 549: 9.1.4.11, 11.1.4.11
767AnzahlDie Seiteninhalte müssen so umbrechen, dass sie bei einer Displaygröße bis minimal 320 x 256 px nur vertikal oder horizontal gescrollt werden müssen. Ausgenommen sind notwendig zweidimensionale Inhalte (siehe Zoom).MussEN 301 549 9.1.4.10, 11.1.4.10
Nr.EigenschaftBeschreibungKlassifizierungReferenz
768TastaturbedienungDas Scrollen der Bereiche muss mit der Tastatur möglich sein (siehe folgende Tabelle Tastaturbedienung).

Hinweis: Die Scollbalken sollen nicht den Tastaturfokus erhalten, sondern die scrollbaren Bereiche bzw. Elemente innerhalb der scrollbaren Bereiche.

MussEN 301 549: 9.2.1.1, 11.2.1.1, 9.2.1.2, 11.2.1.2
769Zeigeinstrument-BedienungDie Zeigeinstrumentbedienung des Scrollbalkens darf nicht komplex sein.

Hinweise: Komplexe Zeigeinstrumentbedienung ist

  • Mehrpunktbedienung (z. B. Wischen mit mehreren Fingern),
  • pfadbasierte Bedienung (bei der nicht nur Anfangs- und Endpunkt der Zeigeinstrumentbedienung relevant sind, sondern mindestens ein Zwischenpunkt).

MussEN 301 549: 9.2.5.1, 11.2.5.1
770TastaturbedienungDer Scrollbalken soll auch ohne ziehende Zeigeinstrumentbedienung bedient werden können.

Hinweis: Das kann z. B. erreicht werden, indem das Scrollen über Klick auf den Rollbalken oder die Schalter ermöglicht wird.

SollWCAG 2.2
771AktualisierungenBeim Scrollen soll keine unerwartete Kontextänderung erfolgen.MussWCAG 2.1: 3.2.5 (AAA)
772AnimationenBeim Scrollen sollen außer dem Verschieben des sichtbaren Bereichs keine visuellen Animationen erfolgen.SollWCAG 2.1: 2.3.3 (AAA)
773KlickbereichDie Scrollbalken sollen mindestens 24px breit sein.SollWCAG 2.2
774KlickbereichDer Klickbereich der Schalter und das Bildlauffeldes des Scrollbalken sollen mindestens 24 x 24 px betragen.SollWCAG 2.2

Tastaturbedienung Scrollbalken

Permalink "Tastaturbedienung Scrollbalken"
AktionTasteKlassifizierung
Fokussieren des scrollbaren Bereichs oder von Elementen innerhalb des scrollbaren BereichsTAB

Hinweis 1: Wenn der scrollbare Bereich keine Elemente enthält, die das Scrollen mit den Pfeiltasten ermöglichen, dann muss der Bereich selbst den Fokus erhalten.

Hinweis 2: Elemente, die selbst mit den Pfeiltasten bedient werden (wie z. B. Eingabefelder, Auswahllisten und Radiobuttons) ermöglichen nicht das Scrollen des Bereichs, in dem sie sich befinden.

Erforderlich
Verlassen des scrollbaren BereichsTABErforderlich
Scrollen eines fokussierten Elements in den sichtbaren BereichBei Erhalten des TasturfokusErforderlich
Vertikales ScrollenPFEIL AUF/ABErforderlich
Horizontales ScrollenPFEIL RECHTS/LINKSErforderlich
Vertikales Scrollen (Schnellnavigation)BILD AUF/BILD AB
(STRG +) POS1/ENDE
Empfohlen

Zeigeinstrumentbedienung Scrollbalken

Permalink "Zeigeinstrumentbedienung Scrollbalken"
AktionTasteKlassifizierung
Schrittweises ScrollenLinksklick auf die Schalter am Rand des ScrollbalkensErforderlich
Scrollen (Schnellnavigation)Linksklick auf den Rollbalken außerhalb des BildlauffeldesErforderlich
Scrollen zu einer bestimmten PositionZiehen des Bildlauffeldes (Drag & Drop)Erforderlich

Hinweis: Darüber hinaus sollte die Scrollfunktionen der Zeigegeräte unterstützt werden (z. B. Scrollrad der Maus, Gesten zum Scrollen auf dem Touchpad).

Programmierung/Schnittstellen

Permalink "Programmierung/Schnittstellen"
Nr.EigenschaftBeschreibungKlassifizierungReferenz
775RolleDie Rolle des Scrollbalkens muss an die Accessibility API übermittelt werden (siehe Accessibility API).MussEN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5
776RolleWenn der scrollbare Bereich den Tastaturfokus erhält und keine Rolle eines Bedienelements besitzt, muss die Rolle scrollbarer Bereich an die Accessibility API übermittelt werden.

Hinweis: Sofern die verwendete Technologie die Rolle scrollbarer Bereich nicht kennt, soll in der Accessible Description darauf hingewiesen werden, dass das Element zum Scrollen den Fokus erhält.

MussEN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5
777WertDie Werte des Scrollbalkens müssen an die Accessibility API übermittelt werden (siehe Accessibility API).

Hinweis: Der Scrollbalken besitzt folgende Werte:

  • Größe des Bildlauffelds im Verhältnis zur Größe des Rollbalkens (repräsentiert die Größe des sichtbaren Ausschnitts)
  • Position des Bildlauffelds innerhalb des Rollbalkens.

MussEN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.7
778Desktop: WertebereichMinimal- und Maximalwert des Scrollbalkens müssen an die Accessibility API übermittelt werden (siehe Accessibility API).MussEN 301 549: 11.5.2.7
779StatusDer Status des Scrollbalkens muss an die Accessibility API übermittelt werden (siehe Elementstatus).MussEN 301 549: 9.4.1.2, 11.4.1.2, 11.5.2.5
780AusrichtungDie Ausrichtung des Scrollbalkens (vertikal oder horizontal) muss an die Accessibility API übermittelt werden.MussEN 301 549: 9.4.1.2, 11.4.1.2
781Desktop: PositionDie neue Position des fokussierten Elements muss nach dem Scrollen des Bereichs an die Accessibility API übermittelt werden (siehe Accessibility API).MussEN 301 549: 11.5.2.5, 11.5.2.13, 11.5.2.15

Informationen zu diesem Artikel

Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!