Zum Inhalt springen
Praxis & Umsetzung

Kundschaft ab 65: Barrieren im Onlineshop gezielt abbauen

Drei Viertel der Menschen ab 65 sind online, 76 Prozent davon kaufen dort ein. Welche WCAG-Kriterien diese Kundschaft ausbremsen und in welcher Reihenfolge man sie behebt.

17 Min. Lesezeit E-CommerceÄltere MenschenWCAG 2.2

Wer an Barrierefreiheit denkt, denkt meist an eine kleine Gruppe: blinde Menschen mit Screenreader, Menschen im Rollstuhl, Gebärdensprache. Im Onlineshop sitzt ein großer Teil der Betroffenen woanders. Es sind Kundinnen und Kunden jenseits der 65, die gut informiert und kaufbereit sind, aber kleiner Schrift, blassem Grau, winzigen Schaltflächen und Passwortabfragen weniger verzeihen als jüngere Menschen. Viele von ihnen würden sich nicht als behindert bezeichnen, nutzen keine spezielle Hilfstechnik und brechen trotzdem ab, wenn der Shop sie ausbremst. Dieser Beitrag belegt mit Zahlen vom Januar und Juli 2026, wie groß diese Kundschaft ist, übersetzt die typischen Einschränkungen des Alters in prüfbare Kriterien der WCAG 2.2 und ordnet sie danach, wo sie den Kauf am wirksamsten aufhalten. Wie ein barrierefreier Onlineshop als Ganzes aufgebaut ist, beschreiben wir an anderer Stelle. Hier geht es um die Kundschaft, für die er sich besonders deutlich auszahlt.

Das Wichtigste in Kürze

  • 74 Prozent der Menschen ab 65 nutzen das Internet, vor fünf Jahren waren es 48 Prozent (Bitkom, 2026). Von diesen Internetnutzern kaufen 76 Prozent online ein (Bitkom, 2026).
  • Die eigene Digitalkompetenz bewerten Menschen ab 65 nur mit der Schulnote 3,2, ab 80 Jahren mit 3,7 (Bitkom, 2026). Jede unklare Stelle im Shop trifft auf diese Unsicherheit.
  • Behinderungen entstehen meist erst im fortgeschrittenen Alter: 34 Prozent der schwerbehinderten Menschen sind 75 Jahre und älter, das sind 2,7 Millionen (Destatis, 2026).
  • Vergrößerung zuerst prüfen: Text muss sich auf 200 Prozent vergrößern lassen (W3C, WCAG 2.2, SC 1.4.4), und bei 320 CSS-Pixeln Breite darf kein waagerechtes Scrollen nötig sein (W3C, WCAG 2.2, SC 1.4.10).
  • Mengentasten, Schließkreuze und Filterkästchen brauchen mindestens 24 × 24 CSS-Pixel Zielfläche (W3C, WCAG 2.2, SC 2.5.8). Für eine unsichere Hand entscheidet genau diese Fläche, ob der Klick sitzt.
  • Anmeldung ohne Gedächtnisaufgabe: Einfügen und Passwortmanager müssen funktionieren (W3C, WCAG 2.2, SC 3.3.8). Wo Hilfe und Kontakt auf mehreren Seiten angeboten werden, stehen sie dort an derselben Stelle (W3C, WCAG 2.2, SC 3.2.6).

Wie groß die Kundschaft ab 65 im Netz ist

Die Bitkom hat im September und Oktober 2025 insgesamt 1.004 Menschen ab 65 Jahren telefonisch befragt und die Ergebnisse im Januar 2026 veröffentlicht (Bitkom, 2026). Das Ergebnis räumt mit einem verbreiteten Bild auf: 74 Prozent der Menschen ab 65 nutzen inzwischen das Internet, vor fünf Jahren waren es erst 48 Prozent (Bitkom, 2026). Innerhalb der Altersgruppe fällt der Anteil deutlich ab. Unter den 65- bis 69-Jährigen sind 98 Prozent online, unter den 70- bis 74-Jährigen 85 Prozent, unter den 75- bis 79-Jährigen 64 Prozent und ab 80 Jahren knapp die Hälfte mit 49 Prozent (Bitkom, 2026). Wer heute 68 ist und selbstverständlich online bestellt, wird das mit 78 in der Regel weiter tun wollen, nur mit schlechteren Augen und einer weniger ruhigen Hand.

Wer online ist, kauft dort auch ein. 76 Prozent der Internetnutzerinnen und -nutzer ab 65 kaufen online ein, 80 Prozent erledigen ihre Bankgeschäfte im Netz (Bitkom, 2026). Damit gehört die Altersgruppe nicht an den Rand der Zielgruppe, sondern in ihre Mitte. Für einen Shop, der Haushaltswaren, Gartenbedarf, Bücher, Reisen, Hilfsmittel oder Lebensmittel verkauft, kann sie einen tragenden Teil der Stammkundschaft stellen. Wer diese Menschen im Warenkorb verliert, verliert keine Randgruppe, sondern Kundschaft, die wiederkommen würde.

Die zweite Zahl aus derselben Befragung ist für die Gestaltung wichtiger als die erste. Der eigenen Digitalkompetenz geben die Befragten insgesamt nur die Schulnote 3,2; die 16- bis 64-Jährigen vergaben sich in einer Bitkom-Studie von Mitte 2025 im Schnitt eine 2,8 (Bitkom, 2026). Mit dem Alter sinkt die Selbsteinschätzung weiter: von 2,6 bei den 65- bis 69-Jährigen über 3,1 und 3,5 bis zu 3,7 ab 80 Jahren (Bitkom, 2026). Für den Shop heißt das: Diese Kundschaft ist willig, aber unsicher. Sie probiert, stößt auf eine unklare Stelle und zweifelt dann eher an sich selbst als am Shop. Ein Abbruch aus Unsicherheit erscheint in der Regel in keiner Beschwerde, sondern nur als verlassener Warenkorb.

Hilfe wird ausdrücklich gewünscht

Fast alle Befragten, nämlich 96 Prozent, wünschen sich ein Unterstützungsangebot für digitale Fähigkeiten, und 78 Prozent hätten gern ein Hilfetelefon für digitale Fragen (Bitkom, 2026). Für einen Shop lässt sich daraus ableiten: Eine gut auffindbare Telefonnummer, ein Rückrufangebot oder ein klar beschrifteter Kontaktweg sind keine Nebensache, sondern Teil des Bezahlvorgangs. Genau diese Auffindbarkeit regelt das Kriterium zur einheitlichen Hilfe (W3C, WCAG 2.2, SC 3.2.6).

Warum Behinderung vor allem ein Altersthema ist

Zum Jahresende 2025 lebten in Deutschland gut 7,8 Millionen Menschen mit schwerer Behinderung, das sind 9,4 Prozent der Bevölkerung (Destatis, 2026). Das Statistische Bundesamt stellt dazu einen Satz voran, der für die Shopgestaltung wichtiger ist als die Gesamtzahl: Behinderungen bestehen vergleichsweise selten seit der Geburt, sondern entstehen meist erst im fortgeschrittenen Alter (Destatis, 2026). 34 Prozent der schwerbehinderten Menschen, also 2,7 Millionen, waren 75 Jahre und älter; weitere 45 Prozent gehörten zur Gruppe der 55- bis 74-Jährigen (Destatis, 2026). Nur 3 Prozent der Behinderungen waren angeboren oder traten im ersten Lebensjahr auf, gut 91 Prozent wurden durch eine Krankheit verursacht (Destatis, 2026).

Diese Zahlen erfassen nur Menschen mit amtlich festgestellter Schwerbehinderung. Viele altersbedingte Einschränkungen liegen unterhalb dieser Schwelle: nachlassende Nahsicht, eine geringere Wahrnehmung von Kontrasten, eine Hand, die nicht mehr ganz ruhig ist, ein Gehör, das bei Hintergrundgeräuschen nachgibt, ein Arbeitsgedächtnis, das sich eine Kundennummer nicht mehr nebenbei merkt. Beim Hören gibt es eine belastbare Größenordnung: Unter den Menschen über 60 ist nach Angaben der Weltgesundheitsorganisation mehr als ein Viertel von einem Hörverlust betroffen, den die WHO als behindernd einstuft (WHO, 2026).

Für den Shop hat das eine praktische Folge. Diese Kundschaft nutzt in der Regel keinen Screenreader und keine Braillezeile. Sie vergrößert die Seite per Tastenkombination oder mit zwei Fingern, stellt am Tablet eine größere Systemschrift ein, hält die Brille näher an den Bildschirm und tippt langsamer. Die Kriterien, die dafür entscheidend sind, gehören ohnehin zum Prüfumfang eines WCAG-Audits nach Stufe AA, werden aber häufig erst nach den Screenreader-Befunden abgearbeitet. Für eine Kundschaft ab 65 gehört diese Reihenfolge umgekehrt, und zwar nicht aus Rücksicht, sondern weil hier der Umsatz hängt.

Kein Seniorenmodus als Ausweg

Ein Umschalter für große Schrift oder eine eigene Seniorenansicht wirkt hilfsbereit, verlagert das Problem aber nur. Wer ihn nicht findet, bleibt in der kleinen Ansicht, und wer ihn findet, muss sich selbst als hilfsbedürftig einordnen. Werkzeugleisten, die Barrierefreiheit nachträglich über die Seite legen, lösen die Befunde ebenfalls nicht; warum, steht in unserem Beitrag zu Accessibility-Overlays als Scheinlösung. Tragfähig ist ein Shop, der schon in der Grundansicht vergrößert, umbricht und groß genug zum Treffen ist.

Von der Einschränkung zum prüfbaren Kriterium

Altersbedingte Einschränkungen haben in den WCAG kein eigenes Kapitel, lassen sich aber zum großen Teil Erfolgskriterien zuordnen, die in einem Audit messbar sind. Die folgende Tabelle ordnet die vier typischen Bereiche Sehen, Hören, Feinmotorik und Gedächtnis sowie die Unsicherheit im Ablauf den Kriterien zu, an denen ein Shop scheitern oder bestehen kann, jeweils mit dem Prüfschritt gemäß WCAG 2.2 (W3C). Alle genannten Kriterien gehören zu den Stufen A oder AA. Die Kriterien 2.5.8, 3.2.6 und 3.3.8 gehören zu den neun Kriterien, die WCAG 2.2 gegenüber WCAG 2.1 ergänzt hat (W3C, 2023), die übrigen waren bereits Teil von WCAG 2.1.

Einschränkung im AlterWas im Shop passiertKriterium laut WCAG 2.2Prüfschritt
Nahsicht lässt nachPreise und Produktdaten sind zu klein, die Vergrößerung zerschießt das Layout1.4.4 Textgröße ändern (AA)Text auf 200 Prozent vergrößern, nichts darf abgeschnitten werden
Starke Vergrößerung nötigDie Seite scrollt in zwei Richtungen, der Warenkorbknopf rutscht aus dem Bild1.4.10 Umbruch (AA)Bei 320 CSS-Pixeln Breite ohne waagerechtes Scrollen einkaufen
Kontraste werden schwächer wahrgenommenHellgraue Hinweise, Streichpreise und Platzhalter verschwinden1.4.3 Kontrast (AA), 1.4.11 Nicht-Text-Kontrast (AA)Text mindestens 4,5:1, Bedienelemente mindestens 3:1 messen
Hand zittert oder ist steifMengentasten und Schließkreuze werden verfehlt2.5.8 Zielgröße (AA)Klickflächen auf mindestens 24 × 24 CSS-Pixel nachmessen
Hören lässt nachDas Produktvideo erklärt die Handhabung nur gesprochen1.2.2 Untertitel (A)Untertitel für jedes aufgezeichnete Video mit Ton prüfen
Arbeitsgedächtnis lässt nachPasswort vergessen, Feldhinweis beim Tippen verschwunden, Sitzung abgelaufen3.3.8 Anmeldung (AA), 3.3.2 Beschriftungen (A), 2.2.1 Zeitbegrenzung (A)Anmeldung mit Einfügen und Passwortmanager, dauerhafte Beschriftungen, Verlängerung vor Ablauf
Unsicherheit im AblaufDie Bestellung geht ohne Prüfschritt raus, Hilfe steht auf jeder Seite woanders3.3.4 Fehlervermeidung (AA), 3.2.6 Einheitliche Hilfe (A)Bestellübersicht mit Korrekturmöglichkeit, Kontaktweg an fester Stelle

Zwei Ergänzungen gehören zu dieser Tabelle. Erstens hängen die Zeilen zusammen: Wer die Schrift auf 200 Prozent stellt, verkleinert zugleich die wirksame Fensterbreite, und genau dann treten Umbruchfehler auf, die bei normaler Größe nicht zu sehen sind. Zweitens scheitern Shops selten an einem einzelnen Kriterium. In einem Test von Aktion Mensch war nur ein Drittel der untersuchten Shops barrierefrei, und nur 20 von 65 getesteten Seiten ließen sich allein über die Tastatur bedienen (Aktion Mensch, 2025). Wer die Befunde für ältere Kundschaft abarbeitet, räumt deshalb zugleich Barrieren für viele andere Gruppen ab.

Vergrößern ohne Umwege: SC 1.4.4 und 1.4.10

Das Kriterium 1.4.4 verlangt, dass sich Text ohne Hilfstechnik bis auf 200 Prozent vergrößern lässt, ohne dass Inhalt oder Funktion verloren gehen (W3C, WCAG 2.2, SC 1.4.4). In einem Shop scheitert das selten an der Produktbeschreibung, sondern an den Rändern: an Preisangaben in festen Boxen, an Varianten-Schaltflächen mit fester Höhe, an abgeschnittenen Menüpunkten und an Hinweisen zu Lieferzeit und Versandkosten, die in eine Zeile passen müssen und bei doppelter Schriftgröße aus dem Rahmen laufen. Vergrößern lässt sich auf zwei Wegen: mit dem Browser-Zoom über die Tastenkombination oder mit einer größeren Standardschrift im Betriebssystem. Ein Shop sollte beides verkraften.

Das Kriterium 1.4.10 geht einen Schritt weiter. Inhalte müssen sich bei einer Breite von 320 CSS-Pixeln ohne Scrollen in zwei Richtungen darstellen lassen (W3C, WCAG 2.2, SC 1.4.10). Das entspricht einem Desktopfenster von 1280 CSS-Pixeln Breite bei 400 Prozent Zoom (W3C, Understanding SC 1.4.10). Wer mit dieser Vergrößerung einkauft, sieht auf dem Laptop im Prinzip die Mobilansicht. Die ist in responsiven Shops ohnehin vorhanden, deshalb fällt der Umbau oft kleiner aus als befürchtet. Die Fehler liegen in Elementen, die sich der mobilen Ansicht entziehen: breite Größentabellen, fixierte Kopfleisten, die bei starker Vergrößerung die Hälfte der Fläche belegen, Einwilligungsbanner ohne erreichbaren Schließknopf und Warenkorb-Schubladen, deren Bezahlknopf unterhalb des sichtbaren Bereichs festklebt. Welche Schriftgrößen, Zeilenabstände und Schriftarten die Lesbarkeit tragen, beschreibt unser Beitrag zu barrierefreier Typografie und Lesbarkeit.

  • Browser-Zoom schrittweise auf 200 und 400 Prozent stellen und den Kauf vom Suchfeld bis zur Bestellbestätigung durchspielen, gemäß SC 1.4.4 und 1.4.10
  • Nur die Schriftgröße im Browser auf die größte Stufe stellen und prüfen, ob Preise, Varianten und Lieferhinweise lesbar bleiben
  • Kopfleisten, Warenkorbleisten und Chat-Schaltflächen bei starker Vergrößerung messen: Wie viel Fläche bleibt für den eigentlichen Inhalt?
  • Prüfen, ob Einwilligungsbanner und Dialoge bei starker Vergrößerung einen erreichbaren Schließ- oder Bestätigungsknopf behalten
  • Sicherstellen, dass das Viewport-Meta-Element die Vergrößerung per Fingergeste auf dem Handy nicht sperrt
  • Größen- und Maßtabellen auf waagerechtes Scrollen prüfen und es nur dort zulassen, wo die zweidimensionale Anordnung nötig ist
shop-vergroesserung.css
/* Schrift folgt der Einstellung der Person, nicht festen Pixeln */
body { font-size: 1.125rem; line-height: 1.5; }

/* Preis- und Lieferhinweise dürfen umbrechen (SC 1.4.4) */
.preis, .lieferhinweis { white-space: normal; overflow-wrap: anywhere; }

/* Keine feste Höhe für Bedienelemente mit Text */
.variante, .button { min-height: 2.75rem; height: auto; padding: 0.5rem 1rem; }

/* Mengentasten: AA verlangt 24 x 24 CSS-Pixel (SC 2.5.8), hier mit Reserve */
.menge button { min-width: 44px; min-height: 44px; }

/* Kopfleiste klebt nur, solange genug Höhe vorhanden ist (SC 1.4.10) */
@media (min-height: 37.5em) {
  .kopfleiste { position: sticky; top: 0; }
}

/* Im HTML-Kopf: Vergrößern per Fingergeste nicht sperren */
/* <meta name="viewport" content="width=device-width, initial-scale=1"> */

Kontrast und Schrift: was bei nachlassender Sicht trägt

Mit nachlassender Sehkraft verschwindet helles Grau auf Weiß zuerst. Das Kriterium 1.4.3 verlangt für normalen Text ein Kontrastverhältnis von mindestens 4,5:1 (W3C, WCAG 2.2, SC 1.4.3). Für Rahmen von Eingabefeldern, Kontrollkästchen und Symbole ohne Beschriftung gilt mindestens 3:1 gegenüber der angrenzenden Farbe (W3C, WCAG 2.2, SC 1.4.11). Wie verbreitet das Problem ist, zeigt die jährliche Auswertung der meistbesuchten Startseiten: Auf 83,9 Prozent fand WebAIM Text mit zu geringem Kontrast (WebAIM Million, 2026).

Im Shop sitzen die typischen Fundstellen dort, wo die Kaufentscheidung fällt: Grundpreise und Streichpreise in Hellgrau, Lieferzeiten in blassem Grün, Platzhaltertexte als einzige Beschriftung von Eingabefeldern, Knöpfe, die deaktiviert wirken und in Wahrheit aktiv sind, und Hinweise zur Rücksendung in kleiner, heller Fußzeilenschrift. Bei älterer Kundschaft kann hinzukommen, dass sie den Bildschirm mit reduzierter Helligkeit, im Gegenlicht am Fenster oder auf einem älteren Gerät nutzt. Ein Kontrast, der auf dem Entwurfsmonitor knapp besteht, reicht dort nicht. Was bei der Messung zu beachten ist und warum der Grenzwert eine Untergrenze und kein Zielwert ist, beschreibt unser Beitrag zu Farbkontrasten und Barrierefreiheit.

Treffen statt Fehlklicken: Zielgröße nach SC 2.5.8

Die Feinmotorik lässt mit dem Alter nach, durch Arthrose, Tremor oder schlicht durch langsamere Bewegungen. Auf Tablet und Smartphone trifft der Finger dann das Nachbarelement. WCAG 2.2 legt dafür eine Mindestgröße fest: Ziele für Zeigereingaben müssen mindestens 24 × 24 CSS-Pixel groß sein oder genug Abstand zu benachbarten Zielen haben (W3C, WCAG 2.2, SC 2.5.8). Die erweiterte Stufe AAA nennt 44 × 44 CSS-Pixel (W3C, WCAG 2.2, SC 2.5.5). Für eine Kundschaft ab 65 lohnt es sich, bei den kaufentscheidenden Elementen am höheren Wert Maß zu nehmen, auch wenn für die Konformität der niedrigere genügt.

In Shops liegen die kritischen Ziele an wiederkehrenden Stellen: die Plus- und Minustasten der Mengenwahl, das Schließkreuz von Dialogen und Einwilligungsbannern, die Kontrollkästchen in Filterlisten, Farbfelder für Varianten, Pfeile in Produktgalerien und der Papierkorb im Warenkorb, der direkt neben der Mengenwahl sitzt. Ein Fehlklick auf den Papierkorb statt auf das Plus ist für jüngere Menschen ein Ärgernis. Für unsichere Nutzer kann er der Grund sein, den Kauf aufzugeben. Wie Mengenwahl, Variantenauswahl und Galerie auf der Produktseite bedienbar werden, zeigt unser Beitrag zur barrierefreien Produktseite mit Varianten, Galerie und Warenkorb.

Beschriften, helfen, Fehler abfangen

Formulare sind die Stelle, an der Unsicherheit am stärksten ins Gewicht fällt. Das Kriterium 3.3.2 verlangt Beschriftungen oder Anleitungen, sobald eine Eingabe erwartet wird (W3C, WCAG 2.2, SC 3.3.2). In der Praxis heißt das: Jedes Feld hat eine sichtbare Beschriftung, die beim Tippen stehen bleibt. Ein Platzhaltertext im Feld verschwindet mit dem ersten Zeichen, und wer sich beim dritten Feld nicht mehr sicher ist, ob die Hausnummer hierhin oder ins nächste Feld gehört, muss alles löschen, um nachzusehen. Formatvorgaben für Geburtsdatum, Telefonnummer oder Gutscheincode stehen vor dem Feld und nicht erst in der Fehlermeldung. Wie Beschriftung, Pflichtfeldkennzeichnung und Fehlermeldungen zusammenspielen, beschreibt unser Beitrag zu barrierefreien Formularen und Validierung.

Das Kriterium 3.2.6 kam mit WCAG 2.2 hinzu und trifft genau das Bedürfnis, das die Bitkom-Befragung beschreibt. Bietet eine Website Hilfe an, etwa Kontaktdaten, einen Kontaktweg, eine Selbsthilfe wie häufige Fragen oder einen automatisierten Dialog, und kehrt diese Hilfe auf mehreren Seiten wieder, muss sie dort in derselben Reihenfolge relativ zum übrigen Inhalt stehen (W3C, WCAG 2.2, SC 3.2.6). Das Kriterium verlangt nicht, dass es Hilfe gibt. Es verlangt, dass vorhandene Hilfe nicht von Seite zu Seite wandert. Für ältere Kundschaft ist das ein erheblicher Unterschied: Wer die Telefonnummer auf der Produktseite oben rechts gefunden hat, sucht sie im Bezahlschritt an derselben Stelle.

Für Menschen mit nachlassendem Gehör ist eine Telefonnummer allein kein ausreichender Kontaktweg. Ein Kontaktformular, eine E-Mail-Adresse oder ein Rückrufangebot daneben schließt diese Lücke. Dasselbe gilt für Produktvideos, die Aufbau, Pflege oder Handhabung nur gesprochen erklären: Für aufgezeichnete Videos mit Ton verlangen die WCAG Untertitel (W3C, WCAG 2.2, SC 1.2.2). Worauf es bei Untertiteln und Transkripten ankommt, steht in unserem Beitrag zu barrierefreien Medien mit Untertiteln und Transkripten.

Das Kriterium 3.3.4 gilt für Seiten, die rechtliche Verpflichtungen oder finanzielle Transaktionen auslösen, also für jede Bestellung (W3C, WCAG 2.2, SC 3.3.4). Mindestens eine von drei Sicherungen muss greifen: Die Eingabe lässt sich rückgängig machen, sie wird auf Fehler geprüft und die Person kann korrigieren, oder vor dem Absenden steht eine Übersicht, in der sich alles prüfen, bestätigen und korrigieren lässt. Die Bestellübersicht mit Änderungsmöglichkeit ist im Shop die übliche Lösung, und für eine Kundschaft, die sich ihrer Eingaben nicht sicher ist, trägt sie oft mehr als eine zusätzliche Erklärung. Wie der gesamte Bezahlvorgang ohne Barrieren aufgebaut wird, zeigt unser Beitrag zum barrierefreien Checkout. Wie sich eine Bestellung danach ebenso einfach widerrufen lässt, beschreibt der Beitrag zum barrierefreien Widerrufsbutton und Kündigungsbutton.

Anmelden ohne Gedächtnisaufgabe: SC 3.3.8

Ein Kundenkonto ist für Stammkundschaft praktisch, kann für ältere Menschen aber zur Hürde werden: ein Passwort mit Sonderzeichen, das vor Monaten vergeben wurde, eine Rätselaufgabe gegen Roboter und ein Bestätigungscode, der nach kurzer Zeit verfällt. WCAG 2.2 hat dafür das Kriterium 3.3.8 eingeführt. Ein kognitiver Funktionstest, etwa das Erinnern eines Passworts oder das Lösen eines Rätsels, darf in keinem Schritt der Anmeldung verlangt werden, es sei denn, der Schritt bietet eine Alternative oder eine Unterstützung an (W3C, WCAG 2.2, SC 3.3.8). Als Beispiele für eine solche Unterstützung nennt die Richtlinie ausdrücklich Passwortmanager, die das Passwort eintragen, sowie Kopieren und Einfügen, damit nichts abgetippt werden muss (W3C, WCAG 2.2, SC 3.3.8).

Im Shop bedeutet das: Das Passwortfeld blockiert weder Einfügen noch Autovervollständigung, die Anmeldung per Einmallink an die E-Mail-Adresse steht als gleichwertige Alternative bereit, und der Kauf als Gast bleibt ohne Umweg möglich. Rätsel zum Schutz vor automatisierten Anfragen werden durch Verfahren ersetzt, die der Person keine Aufgabe stellen. Hinzu kommen Zeitgrenzen. Läuft eine Sitzung im Bezahlschritt ab, muss die Person vorher gewarnt werden und die Frist mit einer einfachen Handlung verlängern können, wofür ihr mindestens 20 Sekunden bleiben, sofern sich die Frist nicht abschalten oder einstellen lässt (W3C, WCAG 2.2, SC 2.2.1). Mehr zu Anmeldeverfahren ohne Rätsel steht in unserem Beitrag zur barrierefreien Authentifizierung und zu CAPTCHA-Alternativen.

SC 3.3.2 Beschriftungen

Jedes Feld trägt eine sichtbare Beschriftung, die beim Tippen stehen bleibt; Formatvorgaben stehen vor dem Feld (W3C, WCAG 2.2, SC 3.3.2).

SC 3.2.6 Einheitliche Hilfe

Telefonnummer, Kontaktweg und häufige Fragen stehen auf allen Seiten der Kaufstrecke in derselben Reihenfolge (W3C, WCAG 2.2, SC 3.2.6).

SC 3.3.4 Fehlervermeidung

Vor dem Absenden zeigt eine Bestellübersicht alle Angaben, und jede lässt sich dort noch ändern (W3C, WCAG 2.2, SC 3.3.4).

SC 3.3.8 Anmeldung

Kein Passwort aus dem Gedächtnis als einzige Hürde: Einfügen, Passwortmanager und Einmallink sind erlaubt (W3C, WCAG 2.2, SC 3.3.8).

SC 2.2.1 Zeitbegrenzung

Vor dem Ablauf einer Sitzung kommt eine Warnung, und die Frist lässt sich mit einer einfachen Handlung verlängern (W3C, WCAG 2.2, SC 2.2.1).

SC 1.2.2 Untertitel

Produktvideos mit gesprochener Anleitung erhalten Untertitel, damit auch ein nachlassendes Gehör folgen kann (W3C, WCAG 2.2, SC 1.2.2).

Wo ältere Kundschaft den Kauf abbricht: eine Reihenfolge

Ein vollständiger Prüfbericht enthält viele Befunde. Für eine Kundschaft ab 65 lässt sich die Reihenfolge der Behebung aus zwei Fragen ableiten: Wie nah liegt die Barriere am Bezahlknopf, und kann die Person sie aus eigener Kraft umgehen? Eine zu kleine Schrift in der Produktbeschreibung lässt sich mit dem Zoom ausgleichen. Ein Anmeldeschritt, der ein vergessenes Passwort verlangt, lässt sich ohne fremde Hilfe kaum umgehen. Daraus ergibt sich eine Reihenfolge, die als Ausgangspunkt dient und je nach Shop anzupassen ist.

ReihenfolgeBarriereKriteriumBegründung
zuerstAnmeldung verlangt ein Passwort aus dem Gedächtnis oder ein Rätsel3.3.8, 2.2.1blockiert den Kauf, ohne fremde Hilfe oft ohne Ausweg
danachBezahlknopf oder Pflichtfeld ist bei Vergrößerung nicht erreichbar1.4.10, 1.4.4letzter Schritt vor dem Umsatz, Abbruch ohne Rückmeldung
danachMengenwahl, Papierkorb und Schließkreuze sind zu klein2.5.8Fehlklicks verändern den Warenkorb unbemerkt
danachFeldbeschriftung nur als Platzhalter, keine Bestellübersicht3.3.2, 3.3.4Unsicherheit über die eigenen Eingaben führt zum Abbruch vor dem Absenden
danachHilfe und Kontakt wechseln die Position3.2.6wer Hilfe sucht und nicht findet, bricht eher ab
zuletztGrauer Text bei Preisen, Lieferzeiten und Hinweisen1.4.3, 1.4.11erschwert die Kaufentscheidung, lässt sich mit Zoom aber teilweise ausgleichen

Diese Reihenfolge ersetzt nicht die vollständige Prüfung aller Kriterien der Stufen A und AA. Sie beantwortet eine andere Frage: Womit fängt ein Shop an, wenn Zeit und Budget begrenzt sind und ältere Kundschaft einen großen Teil des Umsatzes trägt? Welche Befunde sich schnell beheben lassen und welche einen Umbau brauchen, ordnet unser Beitrag vom Prüfbericht zum Maßnahmenplan ein.

So prüfen wir einen Shop für diese Kundschaft

Ein automatischer Scan findet einen Teil dieser Befunde, etwa fehlende Beschriftungen oder zu geringe Kontraste. Ob der Bezahlknopf bei 400 Prozent Zoom erreichbar bleibt (W3C, Understanding SC 1.4.10), ob die Mengenwahl groß genug zum Treffen ist und ob die Anmeldung Einfügen und Passwortmanager zulässt, zeigt erst die Prüfung jeder Station der Kaufstrecke in jeder Ansicht. Unser WCAG-Audit setzt dafür einen Schwerpunkt auf Vergrößerung und Bedienbarkeit und bewertet jede Station eines Kaufs einzeln, gemäß den Kriterien der Stufen A und AA:

  1. Suche und Navigation bei 200 und 400 Prozent Vergrößerung gemäß SC 1.4.4 und 1.4.10, in der Desktop- und der Smartphone-Darstellung
  2. Produktseite mit Varianten, Mengenwahl, Galerie und Video: Zielgrößen nachgemessen, Kontraste an Preisen und Hinweisen gemessen, Untertitel geprüft
  3. Warenkorb und Kasse: Beschriftungen, Formatvorgaben, Fehlermeldungen und eine Bestellübersicht mit Korrekturmöglichkeit
  4. Kundenkonto und Anmeldung: Einfügen, Passwortmanager, Einmallink, Gastbestellung und Zeitgrenzen
  5. Hilfe und Kontakt: Position auf allen Seiten der Kaufstrecke und Kontaktwege neben dem Telefon
  6. Ergebnis: Befunde je Station mit Kriterium, Fundort und einer Reihenfolge nach Wirkung auf den Kaufabschluss

Fachprüfung und Werkzeuge finden viele Befunde, aber nicht alle. Wie sich Betroffene sinnvoll in die Prüfung einbeziehen lassen, beschreibt unser Beitrag zu Nutzertests mit Betroffenen. Für eine Kundschaft ab 65 empfehlen wir, Testpersonen ab 70 und ab 80 Jahren einzuladen, weil die Selbsteinschätzung der eigenen Digitalkompetenz mit dem Alter weiter sinkt (Bitkom, 2026).

Rechtlich ist die Lage klar umrissen. Das Barrierefreiheitsstärkungsgesetz gilt für bestimmte Dienstleistungen, die nach dem 28. Juni 2025 für Verbraucher erbracht werden, darunter Dienstleistungen im elektronischen Geschäftsverkehr (BFSG, § 1). Verstöße können mit einem Bußgeld von bis zu hunderttausend Euro geahndet werden (BFSG, § 37). Welche Anforderungen im Einzelnen gelten und welche Ausnahmen für Kleinstunternehmen bestehen, fasst unsere Seite zu den Anforderungen des BFSG zusammen. Der stärkere Grund für die Umsetzung liegt für viele Shops aber nicht im Bußgeld, sondern in der Kundschaft: Drei Viertel der Menschen ab 65 sind online, und die meisten von ihnen kaufen dort ein (Bitkom, 2026).

Eine Kundin, die ihre Brille aufsetzt und die Seite vergrößert, hat sich für den Kauf schon entschieden. Ob sie ihn abschließt, entscheidet dann der Shop.

Leitgedanke für die Prüfung von Onlineshops

Der Aufwand ist oft überschaubar, weil die Bausteine bereits vorhanden sind: eine mobile Ansicht, die bei starker Vergrößerung trägt, ein Stylesheet, in dem sich Zielgrößen und Kontraste zentral anheben lassen, und ein Anmeldevorgang, in dem Einfügen und Einmallinks nur freigeschaltet werden müssen. Wer diese Stellen in der beschriebenen Reihenfolge angeht, baut keinen Sondershop für Ältere, sondern einen Shop, der mit dem Alter seiner Kundschaft mitwächst. Wie wir dabei vorgehen, steht auf unserer Seite zum barrierefreien Onlineshop.

Quellen und Studien

Dieser Artikel basiert auf Daten von Bitkom, dem Statistischen Bundesamt, der Weltgesundheitsorganisation, W3C und WAI, WebAIM und Aktion Mensch sowie auf dem Wortlaut des Barrierefreiheitsstärkungsgesetzes. Die genannten Zahlen beziehen sich auf den Stand der jeweiligen Veröffentlichung.

Verwandte Artikel

Praxis & Umsetzung

Barrierefreie Produktseite: Varianten, Galerie, Warenkorb

Ein Fehler in der Produktvorlage steht auf jeder Artikelseite. So werden Variantenwahl, Galerie, Preiszeile und Warenkorb-Meldung barrierefrei.

15 Min. Lesezeit
Praxis & Umsetzung

Widerrufsbutton und Kündigungsbutton barrierefrei umsetzen

Seit 19. Juni 2026 gilt die Widerrufsfunktion nach § 356a BGB. Wie sie und der Kündigungsbutton mit Tastatur, Screenreader und Zoom funktionieren.

20 Min. Lesezeit
Shop, Web & E-Mail

Barrierefreie Produktsuche und Filter im Onlineshop

Suchfeld, Autovervollständigung, Facettenfilter und Ergebnisliste barrierefrei bauen: das Combobox-Muster, WCAG 2.2 und eine Prüfroutine für Shop-Teams.

14 Min. Lesezeit