Hinweis: Folgende Designerweiterungen sind für 1.1 nicht für Entwicklung und Testing vorgesehen:
Im Standardfall werden pro Seite 10 Zeilen angezeigt. Global haben Nutzende die Möglichkeit einzustellen, welches Verhalten sie präferieren und wie viele Einträge pro Seite im Regelfall dargestellt werden sollen (siehe Benutzerbezogene Einstellungen).
Das Steuerelement besteht aus klickbaren Pfeilen und Zahlen. Diese sind als Buttons umgesetzt. Die Pfeile ermöglichen es schrittweise nach links oder rechts durch die Seiten zu navigieren. Die Zahlen springen jeweils direkt zur entsprechenden Seite.
Ist die erste/letzte Seite aktiv wird jeweils der erste/letzte Pfeil deaktiviert.
Sobald über 7 Seiten vorhanden sind, werden Zahlen ausgeblendet. Allerdings ist immer die erste, letzte und aktive Seite mit jeweils der vorherigen und nachfolgenden zu sehen. Fehlende Zahlen werden durch 3 Punkte dargestellt. Das “...”-Element wird als Button mit Pop-Up-Menü umgesetzt. Dabei hat der Button zum einen die textuelle Beschriftung “...” (Punkt Punkt Punkt)”, diese wird jedoch nicht bei Fokuserhalt vom Screenreader ausgelesen. Stattdessen trägt der Button die programmatische Beschriftung “Ausgeblendete Seiten anzeigen”. Dieser Beschriftung wird der Zusatz “([Erste Seitenzahl]-[Letzte Seitenzahl])” angehängt und programmatische Beschriftung plus Seitenzahlenbereich wird zusammen als Tooltip angezeigt, wenn der “...-Button” fokussiert wird. Dabei ist die programmatische Beschriftung im Schriftschnitt bold gesetzt und die Seitenzahlen in regular.
Das Pop-Up-Menü enthält einen Eintrag pro hier ausgeblendeter Seite an. Nach Öffnen des Pop-Up-Menüs ist der erste enthaltene Eintrag fokussiert. Zur Navigation innerhalb siehe Pop-Up-Menü: Bedienung. Mit Auswahl einer dieser Seiten schließt sich das Pop-Up-Menü, die entsprechende Seite wird geladen und der Tastaturfokus wird auf die geöffnete Seitenzahl gelegt.
Wenn das Laden einer Tabellen-/Listenseite nach Paginationswechsel länger dauert, so wird an Stelle des Tabellen-Inhaltsbereichs ein Platzhalter mit Ladesymbol angezeigt. Screenreaderausgabe: Der Alternativtext des Ladesymbols lautet “Daten werden geladen”. Dieser Alternativtext wird automatisch vom Screenreader ausgegeben, auch wenn sich der Fokus nicht auf dem Icon befindet. Allerdings wird er, um Audionoise zu vermeiden, erst dann ausgegeben, wenn 2 Sekunden nach Öffnen der Seite die Inhalte noch nicht vollständig geladen sind. Falls das Laden noch länger dauert, wird alle 10 Sekunden erneut der Alternativtext des Ladesymbols “Daten werden geladen” ausgelesen, unabhängig davon, wo sich der Fokus auf der Seite zu der Zeit befindet.
Der Ladezustand ist fokussierbar. Sobald die Daten der Seite vollständig geladen sind, verschwindet das Ladesymbol und wird durch die entsprechenden Inhalte ersetzt. Liegt der Fokus zu diesem Zeitpunkt auf dem Ladezustand, so wird er anschließend auf das erste interaktive Element der Tabelle gelegt (in der Regel die erste Tabellenspalten-Überschrift ).
Falls sehr viele Seiten vorhanden sind und der vertikale Platz zur Darstellung nicht ausreicht, werden die vorherige und nächste Seite ausgeblendet: Es sind dann nur noch die erste, aktuelle und letzte Seite, sowie die Pfeile nach rechts und links sichtbar.
Bei nicht-paginierten Tabellen/Listen (bis 10 Einträge) entspricht deren Höhe immer der summierten Eintragshöhe.
Bei paginierten Tabellen/Listen (ab 11 Einträge) muss sichergestellt werden, dass sich er Paginations-Footer immer an der gleichen Stelle befindet und beim Wechseln zwischen Seiten nicht in der Y-Position springt. Daher haben paginierte Tabellen-/Listen immer eine fixe Höhe. Es wird dabei unterschieden zwischen Tabellen/Listen außerhalb von Formularen und Tabellen innerhalb von Formularen. Listen kommen innerhalb von Formularen nicht vor. Der Paginations-Footer ist in der Regel sticky, bis eine gewisse Tabellen-/Listenhöhe unterschritten wird (siehe Tabelle: Verhalten Tabellen-Footer (Fußzeile) mit Paginierung und Liste: Verhalten des Listen-Footers (Fußzeile) mit Paginierung).
Außerhalb von Formularen gilt:
Innerhalb von Formularen gilt:
Der Alternativtext für Pfeile links & rechts lautet:
Dieser wird bei Fokuserhalt ebenfalls als Tooltip dargestellt.
Für die Screenreader-Ausgabe muss die aktive Seite mit einem zusätzlichen Text versehen werden: “Aktuell geöffnet”.