beta

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