This asset adds two features for Keyboard Accessibility.

•  Focus for Dynamic elements
  • When we have an dynamic element, for example popups or side-menus that only appear after some action when the user clicks on the button, the focused element remains the button, but it should be the dynamic element content instead.
    • Adds two new client actions:
      • SetFocusOnElement
      • SetFocusByElementId
  • FocusOnElement JavaScript adds two functions:
    • focusOnElement generic, that uses standard querySelector to focus elements.
    • focusOnElementById, uses built-in OutSystems SetFocus action and, if the element is not focused, it will programmatically apply focus to the element.

• There are cases where we add onclick events to containers. When the container clicked by mouse, the onclick event is triggered. But if we try pressing Enter or Space in an element that by default is non-interactive, the onClick event is not triggered. This feature adds the click trigger to the element.
  • Click on current/active element of the document.
    • ClickOnCurrentElement JavaScript
      • Adds an keypress eventListener to the document's body to listen for Enter or Space. When these keys are pressed, an on click event will be triggered in document.activeElement.
      • Important: Containers need to have tabindex set as 0 or 1 in the attributes property.