Accessibility

Intro

Accessibility refers to the possibility for everyone, including and especially for people with disabilities, to access and use information and communication technology. It is an integral part of the SAP Design System and SAPUI5.

Our Accessibility colleagues have created an immense amount of trainings for different aspects of inclusive design. You are welcome to discover all the different aspects of accessibility within the SAP Design System.

Introduction

Training level: Beginner

Accessibility is an important quality of SAP products. Learn about the idea of accessibility, the legal framework, the customer demand, its business impact and SAP’s accessibility approach.

Introduction to Accessibility :icon-video(10 mins)

Accessibility Curriculum

Training level: Beginner

Find trainings on accessibility based on your role in SAP. Trainings for product managers focus on operational topics, while trainings for designers and developers focus more on design or technical topics.

Accessibility Curriculum – Overview:icon-document-text

Trainings by Role:icon-document-text

Trainings by Topic:icon-document-text

Alphabetical List of Trainings:icon-document-text

Product Standard Accessibility

Training level: Beginner

Accessibility is one of SAP’s non-functional software qualities demonstrated in the SAP Product Standards. This training gives an overview of the underlying guidelines, the requirements and the structure of the Product Standard Accessibility.

Product Standard Accessibility – General Overview :icon-video(12 mins)

SAP Accessibility Standard – Guideline:icon-document-text

Requirements by Persona

Training level: Beginner

Personas are a design method to support the understanding of use cases and to create mnemonics to make it easier to remember who a use case is designed for. From an accessibility point of view, this is a great method to create impressions of users and the requirements of those users for modern, sustainably and comprehensively well-designed software products.

Requirements by Personas 1 :icon-video(12 mins)

Requirements by Personas 2 :icon-video(8 mins)

Personas Overview:icon-document-text

Personas as Muppets:icon-document-text

SAP Accessibility Annotations

Training level: Intermediate

Accessibility assets for Figma have been created as part of the SAP Accessibility Library for Figma. Using these assets, a designer can annotate aspects like keyboard navigation (e.g. initial focus, tab order, branching of navigation), screen reader (e.g. landmarks, page titles, descriptions), and other aspects (e.g. tooltips, time limits, refresh). Each of the eight trainings explains a specific aspect of accessibility: The corresponding assets, what they mean, how to use them, and the benefit for the end user.

Design Annotation for Accessibility :icon-video(4 mins)

Prepare for all Users :icon-video(3 mins)

Prepare for Keyboard Usage :icon-video(4 mins)

Screen Reader Usage (Part 1) :icon-video(4 mins)

Screen Reader Usage (Part 2) :icon-video(4 mins)

Keyboard support in UI Components :icon-video(3 mins)

Screen Reader Support in UI Components :icon-video(3 mins)

Annotating Mobile Apps ( :icon-video3 mins)

SAP Accessibility Annotations in Figma :icon-video(Playlist, 25 mins)

Interaction Design Basics

Training level: Beginner

Get an overview how keyboard-only users take advantage of keyboard interaction design patterns.

Keyboard Use Patterns :icon-video(12 mins)

Visible Focus :icon-video(16 mins)

SAP Fiori Keyboard Interaction – Guidelines:icon-document-text

Principles for Accessible UI Controls

Training level: Intermediate

This training shows how to create accessible controls and which requirements need to be considered.

Principles for Accessible UI Controls :icon-video(11 mins)

Accessibility Guidelines for HTML Developers:icon-document-text

Accessible Texts

Training level: Beginner

Get an introduction to where texts are used on user interfaces and how to make texts better understandable to users with special needs.

Accessible Texts :icon-video(12 mins)

Text Classes in User Interfaces :icon-video(12 mins)

Text Resizing and Responsive Design :icon-video(9 mins)

Color Contrast

Training level: Beginner

In applications, color contrast usually refers to the difference between the foreground and the background color of UI Elements.
In this training, we introduce the most typical color vision impairments, how color contrast can be measured, and the contrast ratios required as minimal contrast and high contrast themes.

Minimal Contrast for Legibility :icon-video(12 mins)

Measuring Color Contrast :icon-video(10 mins)

Accessible Images

Training level: Beginner

Get an introduction to a number of static image types and how to prepare various image types so the images are meaningful or hidden to users with screen readers.

Accessible Images :icon-video(13 mins)

Screen Readers

Training level: Intermediate

What are screen readers, how do users work with them, and how can you support users as a developer or a content author?

Screen Readers – An Introduction :icon-video(12 mins)

Screen Readers – Behind the Scenes :icon-video(12 mins)