Zum Inhalt
wannacode

Usability und Barrierefreiheit

Kurz gesagt: Usability ist keine Geschmackssache: Du misst, wie viele Menschen die Aufgabe beenden, in wie viel Zeit und mit wie vielen Fehlern. Barrierefreiheit hat einen fertigen Maßstab, WCAG 2.2, mit Kriterien, die einzeln geprüft werden. Das Akzeptanzkriterium sagt, wer, welche Aufgabe, unter welchen Bedingungen und welche Grenze.

Problem

Bei der Demo war es einfach

Die neue Kasse des Shops bekommt bei der Demo Applaus. Das Akzeptanzkriterium war „Die Kasse ist für den Kunden einfach“. Alle im Raum waren sich einig, dass sie es ist.

Nach dem Start bleibt ein Drittel der Kunden am Handy beim Adressformular hängen. Das Feld für die Postleitzahl akzeptiert nur Ziffern, und die Handytastatur zeigt Buchstaben. Ein Kunde mit Screenreader hört „Feld, Feld, Feld“ und weiß nicht, welches welches ist. Niemand im Raum war einer von beiden.

Die Idee

Usability wird gemessen

„Einfach“ ist eine Meinung. Usability ist messbar: wie gut bestimmte Menschen eine bestimmte Aufgabe unter bestimmten Bedingungen erledigen. Sie wird mit drei Dingen gemessen:

  • Effektivität: Haben sie die Aufgabe beendet? 8 von 10 neuen Kunden haben ohne Hilfe bezahlt;
  • Effizienz: In wie viel Zeit und mit wie vielen Fehlern? Unter 3 Minuten, höchstens ein Fehler in den Feldern;
  • Zufriedenheit: Wie fühlen sie sich? Ein Wert aus einem Fragebogen, zum Beispiel über 70 von 100.

Jedes der drei braucht ein Wer (ein neuer Kunde am Handy), welche Aufgabe (bezahlt eine Bestellung mit Lieferung) und welche Grenze. Ohne sie gibt es keinen Test, der fehlschlagen kann.

Genauer, für Neugierige

Die Definition stammt aus der ISO 9241-11: das Ausmaß, in dem ein Produkt von bestimmten Benutzern genutzt werden kann, um bestimmte Ziele mit Effektivität, Effizienz und Zufriedenheit in einem bestimmten Nutzungskontext zu erreichen. Ein beliebter Fragebogen zur Zufriedenheit ist die System Usability Scale (SUS) von John Brooke: 10 Fragen, ein Wert von 0 bis 100. In der ISO/IEC 25010:2023 ist die Gebrauchstauglichkeit eines Produkts das Merkmal Interaktionsfähigkeit mit Teilmerkmalen wie Erkennbarkeit der Angemessenheit, Erlernbarkeit, Bedienbarkeit, Schutz vor Benutzerfehlern, Benutzerengagement, Inklusivität, Benutzerunterstützung und Selbstbeschreibungsfähigkeit.

Probier es aus

Was wird gemessen?

1. Welches Akzeptanzkriterium lässt sich prüfen?
2. Welches Kriterium lässt sich prüfen?
3. Welches Kriterium lässt sich prüfen?

Die Idee

Barrierefreiheit hat einen fertigen Maßstab

Barrierefreiheit ist Usability für alle: für einen Menschen mit Screenreader, nur mit Tastatur, mit schlechten Augen, mit zitternden Händen. Du musst dafür keinen Maßstab erfinden: Es gibt WCAG (Web Content Accessibility Guidelines) vom W3C.

WCAG 2.2 ist eine Liste von Erfolgskriterien auf drei Stufen: A (das Minimum), AA (das übliche Ziel) und AAA. Jedes Kriterium wird einzeln geprüft und besteht oder nicht:

  • Normaler Text hat einen Kontrast von mindestens 4,5 : 1 zum Hintergrund (AA);
  • alles funktioniert auch mit der Tastatur (A);
  • der Fokus ist sichtbar (AA);
  • ein Fehler in einem Formular wird in Text beschrieben, nicht nur mit Farbe (A);
  • ein Ziel zum Antippen ist mindestens 24 × 24 Pixel groß oder hat genug Abstand drumherum (AA, neu in 2.2).

Deshalb ist die Anforderung „Die Kassenseite erfüllt WCAG 2.2, Stufe AA“ gut: Sie zeigt auf eine Liste prüfbarer Kriterien. Wie das in HTML aussieht (Rolle, Name, Fokus), steht in der Lektion Barrierefreiheit des Kurses über Weboberflächen.

Genauer, für Neugierige

WCAG 2.2 ist seit Oktober 2023 eine W3C-Empfehlung. In der EU gilt der European Accessibility Act (Richtlinie 2019/882) seit dem 28. Juni 2025, auch für den E-Commerce. Die harmonisierte Norm EN 301 549 verweist auf WCAG, Stufe AA. Automatisierte Werkzeuge (axe, Lighthouse) fangen nur einen Teil der Probleme, am häufigsten Kontrast und fehlende Labels. Ob eine Fehlermeldung Sinn ergibt und ob die Tab-Reihenfolge logisch ist, prüft ein Mensch.

Probier es aus

Besteht es WCAG?

1. Der graue Text „Kostenlose Lieferung ab 50 €“ steht auf weißem Hintergrund mit einem Kontrast von 2,5 : 1.
2. Der Button „Bestellung aufgeben“ funktioniert mit der Maus, ist aber mit Tab nicht erreichbar.
3. Eine ungültige E-Mail-Adresse wird nur mit einem roten Rahmen um das Feld angezeigt.

Die Idee

Das Kriterium, das abgenommen wird

Eine Usability-Anforderung wird wie jedes Akzeptanzkriterium geschrieben, mit einer Regel und Beispielen. Zum Beispiel für die Kasse:

# language: de
Funktionalität: Kasse nur mit der Tastatur
Szenario: Ein Kunde ohne Maus bezahlt die Bestellung
Angenommen ein Kunde mit einer Bestellung von 62,40 €, der nur die Tastatur benutzt
Wenn er das Kassenformular mit Tab, Enter und den Pfeiltasten durchgeht
Dann bezahlt er die Bestellung, ohne eine Maus zu benutzen
Und er sieht bei jedem Schritt, welches Feld den Fokus hat

Diese Szenarien laufen nicht gegen ein Referenzsystem. Ein Mensch oder ein Werkzeug führt sie aus. Aber sie stehen in derselben Sprache wie die funktionalen und in derselben Matrix.

Die Maße der Usability (8 von 10, unter 3 Minuten) werden mit einem Benutzertest geprüft: Fünf bis acht Menschen aus der Gruppe, um die es in der Anforderung geht, erledigen die Aufgabe, während du zuschaust, misst und nicht hilfst.

Genauer, für Neugierige

Der CT-AcT v1.0, Kapitel 4, handelt vom Abnahmetest nichtfunktionaler Anforderungen, mit eigenen Abschnitten zu Usability und Nutzererlebnis, zu Leistung und zu Informationssicherheit. Der Lehrplan besteht auf demselben: Eine nichtfunktionale Anforderung ist abgenommen, wenn sie ein Maß hat, das vor dem Test mit dem Geschäft vereinbart wurde. Das oft zitierte „5 Benutzer finden die meisten Probleme“ stammt von Jakob Nielsen und gilt für kurze Runden aus Testen, Korrigieren und erneutem Testen, nicht für einen großen Test.

Übung

Eine Usability-Anforderung

1. Die Kasse. Prüfe die Anforderung der Designerin.

Markiere die Wörter, die die Anforderung unprüfbar machen, und wähle, was bei jedem das Problem ist.

Klicke auf die Wörter, die ein Problem sind; noch einmal, um die Markierung zu entfernen. Mit den Pfeiltasten geht es von Wort zu Wort.

Test

Teste dich

1. Wie heißt die Usability in der ISO/IEC 25010:2023?
2. Welche drei Dinge misst die Usability?
3. Warum ist „erfüllt WCAG 2.2, Stufe AA“ eine gute Anforderung?
4. In welchem Testquadranten liegt ein Usability-Test mit echten Kunden?

Erstellt von Ivo Gergov im Rahmen der Kampagne von Evo Tech für zugängliche Programmierausbildung ·