Accessibility features for application designersAdded by IBM on October 26, 2012 | Version 1 (Original)
|IBM® Forms Experience Builder contains accessibility features so users with disabilities can create forms and applications.
To make designing forms and applications easier for users with disabilities, Forms Experience Builder has the following keyboard shortcuts:
Parent topic: Accessibility overview
- Adding items to your form – To add items to your form from the Palette, set focus on the form item using the Tab key and press Enter.
- Focus indicator – When a form item has focus the background changes color, and the area occupied by the form item is defined by a colored line.
- Item triggers – When an item has focus, you can trigger it by pressing the Enter key or space bar. Whether you need to press the Enter key or space bar is determined by the browser you use.
- Tab key – You can navigate to any visible form item, link, or menu by pressing the Tab key.
- Tab navigation – The Properties window contains multiple tabs. To navigate between tabs, use the Right and Left arrow keys.
- Tab order of form items – When you place items on a form, the tab order is set based on item placement. If you insert a form item above existing items, the tab order is automatically reset. You do not need to manually configure tab order when inserting additional items into a form.
- Navigating between Palettes – You can navigate between the Common, and Specialized palettes. When the focus is on one Palette use any arrow key; Up, Down, Left, or Right, to collapse the open Palette and expand another one. If you want to switch palettes while focus is on a form item, you must use the Tab key to move to the palette name, then navigate using the arrow keys. You cannot navigate between palettes when a form item has focus.
- Keyboard commands for common items – Forms Experience Builder has three menu items at the upper right of the interface: Save, Preview, and Cancel. The following keyboard commands are available so you do not have to navigate away from your form.
- Save – Ctrl+s
- Preview – Ctrl+e
- Cancel – Ctrl+q
- Displaying the Edit Properties window – The Edit Properties window is depicted by an icon to the upper right of each form item. To open the Properties window automatically when a form item is added to a form press Ctrl+k.
- When you design forms, the following Aria tags are automatically added to form items.
- Aria-labelledby and Aria-label are added to fields to associate the correct label with each field.
- Aria-describedby are added to fields where more description is needed to describe the function of a field.
- Aria-required is added to inform a user that the field is mandatory.
- Aria-invalid is added to fields when the value is not valid.
- Aria-alert is used with Aria-invalid in error messages. Screen readers should read the Aria-alert text to the user.
- Aria-valuemin and Aria-valuemax are used to denote if the file has an acceptable value range. If the value is outside the range, the Aria-invalid attribute is set.