When developing SAPUI5 applications, you need to pay attention
to the correctness of the resulting HTML. Some vital accessibility features (screen reader
and keyboard support) rely on a correct and meaningful structure of the
application.
The size of the text and the font choice greatly impact the visibility and readability
of an application. Additionally, your application also has to still be usable at high zoom
levels.
Theming is an important aspect for an SAPUI5 application. The different colors shown
on the UI need to have a good contrast to each other in order to be easily
distinguishable.
Keyboard handling enables users to access every UI element of the application with the
keyboard and is therefore tightly connected to accessibility. Additionally, this aspect is
coupled to the screen reader functionality.
Adjacent controls within the tab chain can be grouped. Within such a group, F6 skips all controls of the group and moves the focus to the
first control in the tab chain of the next group. Shift + F6 moves the focus to the first control of the previous group. Adjacent tab chain elements between groups are automatically handled as one group. For
nested groups, the most concrete group is used.
SAPUI5 application developers need to be aware
of how the screen reader reads out the contents of the UI. Labels, headings and descriptions
help you describe the contents and visual elements of an application.