Skip to Content (Press Enter)
Community › Forge › Assets list › Accessibility features for keyboard navigation
accessibility-for-keyboard-navigation
Reactive icon

Accessibility features for keyboard navigation

version 0.1.2 (Compatible with OutSystems 11)
Uploaded
 on 13 October 2022
 by 
0.0
 (0 ratings)
accessibility-for-keyboard-navigation

Accessibility features for keyboard navigation

Documentation
0.1.2

This component adds the following features to your applicaiton:

  • Click events for elements that by default are non-interactive. ( The best solution for cases like this would be to apply the action in interactive elements (e.g. Links and buttons), but this is an working alternative.
    • in order for this to work, it is necessary to add tabindex to the element.
  • Focus after click action.
    • If the click action opens an dynamic element (e.g. Popups or menus) this feature provides an solution to apply focus to the desired element. Follow the example of the demo and the process in TogglePopupWithFocus action in the Accessibility_Utility_Demo

0.1.0
    •  Focus for Dynamic elements
  1. Add FocusOnElement Script to desired screen.
  2. Whenever we want the focus to be applied, simply call SetFocusOnElement or SetFocusByElementId on the workflow of your action.
  • Trigger Click on current element
  1. Add ClickOnCurrentElement Script to desired screen.
  2. Add a new Attribute property with name tabindex with the value of 0 for every element that needs to be navigable. ( Important: Not necessary in buttons and links, as they already are interactive elements by default. )