General recommendations – provide as much information as possible within the application, including field descriptions, labels, tooltips & group / list titles. It will help screen readers to interpret the meaning behind each field / form.
- Set focus on most used element (for example first field in a form / first input field users are expected to interact with). Please note that on mobile devices focus on an input field will open the keyboard.
- Do not override keyboard handlers (for example with jQuery).
- Provide meaningful tooltips and placeholders for non-text elements. Don’t set tooltips for containers / layouts.
- All images should have an ‘alt’ attribute that explains the image meaning.
- Make sure all elements have a label / tooltip, which are meaningful and accurate.
- Don’t set fixed height / width for elements (as people might zoom in and it will break the ratio).
- Make sure that zooming to 200% doesn’t make elements overlap one another and magnified proportionally.
- Use REM/EM instead of PX as a unit.
- Use the flexible layout.
- Use SAP embedded colors instead of custom ones.
- Don’t change / define elements flow direction (it is handled by layouts).
- Make sure all active elements (buttons / fields and other interactive elements) are accessible by keyboard (you can test your application by putting away your mouse).
- Maintain logical reading order for all elements.
- Large groups and elements must be marked with fast navigation).
- Use titles for complex components so screen readers can interpret group headings.
- Make sure fields have labels, additionally you can use “Description” to provide additional information such as unit of measurement.
- In lists / tables, add a toolbar with labels so it can be interpreted by screen reader. Each list / table must have a title.
- Make sure you understand how different controls (and it’s properties) are read by screen readers.
- If there is audio / video please make sure that they will be accompanied with captions.
- Maintain clear text for links that reflect their purpose
- Keep the best contrast possible.