Zur Navigation Zum Inhalt Kontakt Menu Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Testing

Du testest das Produkt.

Nutze Tools

Verwende eine Toolbar für Barrierefreiheit für einen ersten Test. Beispielsweise die WAVE Toolbar welche für Firefox und Chrome verfügbar ist. Diese automatisierten Tests sind nicht perfekt, geben dir aber einen ersten Eindruck zur Barrierefreiheit.

Hilfe zu Tools: https://www.accessibility-developer-guide.com/setup/helper-tools/
WAVE Toolbar: https://wave.webaim.org/extension

Schaue dir den Aufbau an

Schätze ein, ob der allgemeine Aufbau für dich Sinn macht. Schaue dir an, ob die Titel und die klickbaren Elemente klar erkennbar sind. Mit dem Headings Bookmarklet kannst du zudem überprüfen, ob die Titelstruktur korrekt aufgebaut ist.

Headings Bookmarklet: https://hinderlingvolkart.github.io/h123

Navigiere per Tastatur

Bediene alle Funktionen per Tastatur. Es sollte für dich problemlos möglich sein zu navigieren, alle Elemente zu erreichen und alle Aktionen auszuführen.

Desktop: Lege die Maus weg.
Mobile: Schliesse eine externe Tastatur an dein Mobile an.

Nutze einen Screenreader

Bediene alle Funktionen mit einem Screen Reader. Auf dem Desktop kannst du dazu gratis NVDA mit Firefox oder eine Demo von JAWS mit Internet Explorer nutzen. Dies sind die beiden häufigsten Kombinationen. Auf iOS Geräten ist VoiceOver bereits vorinstalliert.

Hilfe zum Screen Reader Setup: https://www.accessibility-developer-guide.com/setup/screen-readers/
Testen mit NVDA: https://webaim.org/articles/nvda
Testen mit JAWS: https://webaim.org/articles/jaws
Testen mit VoiceOver: https://webaim.org/articles/voiceover

Impressum Kontakt Cookie Einstellungen