Zur Navigation Zum Inhalt Kontakt Menu Principles Foundation Accessibility Design System Guidelines Deutsch Français Italiano English Our design principles User-centred Recognisable Inclusive Reduced Holistic Self-explanatory Task-oriented Appropriate SBB Brand portal Logo Digital clock Rights of use Base colors Functional colors Off brand colors Icons Timetable icons Pictograms About accessibility Über diesen Guide Contact Further information Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Help Process Contribution Contact Overview Base Components Overview Base Components Overview Base Components Overview Releases Design Tokens Komponenten Overview Base Informationen Sense & Purpose Community Assets Instructions Power-Apps Digital banner ads SAP Design Guidelines App Icons Testing

You are testing the product.

Use tools

Use an accessibility toolbar for a first test. For example, the WAVE toolbar is available for Firefox and Chrome. The automated tests are not perfect but they give you a first impression of accessibility.

Help for tools: https://www.accessibility-developer-guide.com/setup/helper-tools/
WAVE Toolbar: https://wave.webaim.org/extension

Take a look at the structure

Assess whether the general structure makes sense to you. Look at whether the headlines and the clickable elements are clearly identifiable. The headings bookmarklet also allows you to check whether the headings structure has the correct structure.

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

Navigate by keyboard

Operate all functions using the keyboard You should have no problem navigating to all elements and implementing all actions.

Desktop: Put the mouse away.
Phone: Connect an external keyboard to your phone.

Use a screen reader

Operate all functions with a screen reader. On the desktop you can also use NVDA free with Firefox or a demo of JAWS with Internet Explorer. These are the two most common combinations. VoiceOver is already pre-installed on iOS devices.

Help for a screen reader setup: https://www.accessibility-developer-guide.com/setup/screen-readers/
Testing with NVDA: https://webaim.org/articles/nvda
Testing with JAWS: https://webaim.org/articles/jaws
Testing with VoiceOver: https://webaim.org/articles/voiceover

Imprint Contact Cookie settings