Creating an accessible application

Domino Leap is designed to make building accessible forms and app pages easy. For example, the tab order of form or app page items is set to start at the first item on the page, and work through consecutive items. You do not have to reset the tab order if you must add items to the beginning of a form or app page. There are several things that you can do to make your forms or app pages more accessible to users with disabilities:

• When you design the layout and content for a new application, consider accessibility standards such as WCAG 2.0.
  Note: Domino Leap allows you to create non-accessible content.
• When you add items to your form or app page, give each item a clear description or name. Screen readers read the name that is associated with a form or app page item. You can also use a Text item as a data label instead of the field provided. For more information, see Using a Text item as a label.
• Add hints to each item by modifying the Add hint field. The Hint provides more information when read to the user. For example, if your form or app page has a Name field, the hint tells the user your preference for how to enter their given and surnames.
• Text blocks are not automatically part of the tab order. Screen readers do not put focus on text blocks, and your users might miss vital information. To ensure that text information is not omitted, select the text item widget, and in the Properties panel select the check box for Add to tab order. The text is added to the tab order, and is read by screen readers.
• If you add images or media items to your forms or app pages, select the item widget, and in the Properties panel add descriptive text to Alternative text. A screen reader uses the alternative text to describe the image or media item to the user.
• You can add text items to your form or app pages and have them associate with other form or app page items. You can use this technique to create formatted titles for your items. However, you must link the text item and the form or app page item together. For example, you have a Select One item on your form or app page. You want its title to be rich text so it can have a color, background, and format different from the default title. You add the title with the Text item, which gives the formatting you want. However, the text item is not read by the screen reader, and the user might not know what the choice list represents. To ensure that the Text field is read by a screen reader, select the item widget. In the Properties panel, insert the name of the Text field into the Accessibility – Alternative label ID field. A screen reader reads the appropriate text for the choice list.
• When using the new dynamic layout, it might be necessary to group items into Sections to convey the proper meaning to users. For example, when creating a custom label via the alternative text ID option.
• When using Sections, if a label exists, it provides a navigation landmark using WAI-ARIA that is available to assistive technologies. For more information, WAI_ARIA roles.