Hilfe zur Barrierefreiheit
Die Barrierefreiheit auf Webseiten ist ab dem 28.6.2025 nicht nur gesetzliche Vorgabe, sondern eine Selbstverständlichkeit und unser eigener Anspruch, an dem wir kontinuierlich weiterarbeiten.
Leider legen uns sowohl die Hersteller der einschlägigen Browser (Edge, Chrome und Firefox) als auch die verschiedenen Betriebssysteme dabei Steine in den Weg: Viele eingängige und leicht zu merkenden Tastaturbefehle werden bereits intern für die eigene Steuerung verwendet und stehen deshalb auf einer Webseite nicht - oder nur sehr eingeschränkt - zur Verfügung.
Die schiere Anzahl an möglichen Kombinationen aus Browsern und Betriebssystem macht es äußerst schwierig, eine universelle, konfliktfreie und komfortable Tastatursteuerung jenseits der Standardoptionen zu gewährleisten. Das gilt insbesondere für so komplexe Seiten wie den Produktlisten in Kategorien und den Produkt-Detailseiten, auf denen diese Hilfen besonders notwendig wären.
Als besonders hartnäckig haben sich hier ausgerechnet MacBooks mit MacOS und Safari herausgestellt:
Diese verwenden so viele interne Shortcuts mit [control], [option] und [command], dass es unmöglich war, eine einheitliche und praktikable Lösung zu finden. Selbst die vom Gesetzgeber vorgeschriebene Minimalanforderung, mit [TAB] und [SHIFT][TAB] auf der Seite navigieren zu können, funktioniert auf Safari nur dann halbwegs, wenn man in Einstellungen -> Safari -> Erweiterte Funktionen -> Bedienungshilfen die entsprechenden Optionen aktiviert.
So leid es uns auch tut: MacBook-Benutzern steht deshalb auf unseren Seiten nur die Standard-Navigation mit TAB zur Verfügung.
Alle anderen finden im Folgenden weitere Tasten und Tastenkombinationen, die für die bequeme Bedienung des verpacking-Onlineshops verwendet werden können.
Die verwendeten Tasten:
Dies ist eine allgemeine Übersicht über die möglichen Tasten. Aber keine Angst, es wird nicht jede Taste in jeder Tastenkombination benötigt.
| Taste | Bedeutung |
|---|---|
| [0] - [9] | Ziffern 0-9, oberhalb der Buchstaben (nicht der separate Ziffernblock!) |
| [A] - [Z] | Reguläre Buchstaben |
| [F1] - [F12] | Die Funktionstasten |
| [UM] | Die Umschalten-Taste, oft als "shift" bezeichnet |
| [STRG] | Die "Steuerung" Taste; auf manchen Tastaturen auch [CTRL] ("control") |
| [ALT] | Die "Alternativ" Taste |
| [PFEILTASTEN] | Gemeint sind die 4 Tasten "hoch", "runter", "links" und "rechts" zur Steuerung des Cursors. |
| [EINGABE] | Die Eingabetaste, häufig auch als "enter"- oder "return"-Taste bezeichnet. |
| [TAB] | Die Tabulatortaste |
| [LEER] | Die Leertaste |
| [ESC] | Die Escape-Taste ("Abbrechen") |
Die Standardfunktionen:
| Tasten | Funktion |
|---|---|
| [TAB] | nächstes Element, mit dem interagiert werden kann. |
| [UM] + [TAB] | vorheriges Element, mit dem interagiert werden kann |
| [EINGABE] | Element aktivieren, zum Beispiel: Link folgen |
| [LEER] | Option aktivieren, zum Beispiel: Untermenüs der Hauptkategorien im Menü anzeigen |
| [ESC] | Optionsauswahl beenden, zum Beispiel: Liste der Unterkategorien im Hauptmenü schließen |
Gängige Tastaturbefehle:
Diese Befehle in Kombination mit der [ALT] Taste werden häufig verwendet und sind ergänzend zu unseren erweiterten Befehlen zusätzlich vorhanden.
| Tasten | Funktion |
|---|---|
| [ALT] + [F1] | diese Hilfeseite |
| [ALT] + [5] | zum Hauptmenü |
| [ALT] + [7] | zur Suche |
| [ALT] + [8] | Diese Tastenkombination springt zum "Inhalt" der aktuellen Seite: Auf einer Kategorieseite ist dies das erste Produkt in der Liste; auf Produkt-Detailseiten die ausführliche Produktbeschreibung. |
| [ALT] + [9] | zum Kontaktformular |
| [ALT] + [0] | zur Startseite |
Erweiterte Tastaturbefehle:
Die folgenden, erweiteren Kommandos verwenden die Tastenkombination [UM] + [ALT], da diese bei unseren Tests auf verschiedenen Browsern die wenigsten Probleme verursacht hat.
| Tasten | Funktion |
|---|---|
| [UM] + [ALT] + [H] | zur Startseite ("Home") |
| [UM] + [ALT] + [K] | zum Kontaktformular |
| [UM] + [ALT] + [S] | zur Suche |
| [UM] + [ALT] + [M] | zum Hauptmenü |
| [UM] + [ALT] + [T] | Zeige Beschreibungstext an Gilt für Kategorie- und Detailseiten |
| [UM] + [ALT] + [F] | zu den Filtern (Kategorieseiten) |
| [UM] + [ALT] + [P] | erstes Produkt in der Produktliste (Kategorieseiten) |
| [UM] + [ALT] + [V] | zur Variantenauswahl (Detailseiten) |
| [UM] + [ALT] + [G] | zur Bildergalerie (Detailseiten) Die Bildauswahl erfolgt mit [PFEIL-LINKS] und [PFEIL-RECHTS]. |
| [UM] + [ALT] + [B] | zur Bestellfunktion (Mengenauswahl auf der Detailseite) |