Skip to content

Latest commit

 

History

History
40 lines (33 loc) · 3.58 KB

Screen_Reader_Support_for_OpenUI5_Controls_3853db3.md

File metadata and controls

40 lines (33 loc) · 3.58 KB
loio
3853db3bc8da4936ae4ef60c39b30699

Screen Reader Support for OpenUI5 Controls

OpenUI5 offers screen reader support in order to aid people with visual impairments. The implementation is based on the ARIA and HTML standards.

  • ARIA Attribute Mapping
    Navigation with the keyboard and screen reader have to both work properly at the same time. In order for this to happen, you need to use the correct ARIA attributes and to map them to their HTML counterparts.
  • Keyboard Usage of ARIA Role Mapped Controls
    Screen readers offer list features, that ease the app navigation, by grouping and extracting all elements with similar behaviors. This leads to additional requirements when creating OpenUI5 controls. Control developers need to make sure that their controls are marked with the correct ARIA role.
  • ARIA Mapping for Tooltips and Textual Alternatives
    Tooltips and semantic colors are important aspects in apps. They have to be interpreted correctly by the screen reader and require some special ARIA labeling.
  • ARIA Event Handling
    When the UI of an application is changing or loading information, these state transitions and updates need to be passed on to the screen reader as well. You need to set the correct ARIA attributes (for example, aria-live or aria-busy) for the corresponding areas in your application.
  • ARIA Labeling
    Proper labeling of all UI elements is needed in order to ensure the screen reader announces everything correctly. Here we describe the available options and how and when they should be used.
  • Best Practices for ARIA Labeling
    Sometimes the UI and the control usage may not allow standard ARIA labeling. Here we introduce some best practices on handling the labels in these cases.