App Maker accessibility features

You can develop apps in App Maker with a screen reader and keyboard shortcuts. Just as the apps that you develop should be accessible to all your users, these features make the App Maker editor UI more accessible to all users.

Screen readers

The App Maker editor is designed to support screen readers. It was tested with the following browser and screen reader combinations:

Operating systems Browsers Screen readers
Chrome OS
  • Chrome
  • ChromeVox
Microsoft Windows
  • Chrome
  • Firefox
  • JAWS
  • NVDA
macOS
  • Chrome
  • Firefox
  • Safari
  • VoiceOver

Keyboard shortcuts

You can use keyboard shortcuts for common App Maker editor actions. Learn more in Keyboard shortcuts.

For common app development actions, use the following methods.

Create a page

  1. Press Tab until the focus is on Page.
  2. Press Tab to get to Add Page add and then press Enter. This action opens the page creation dialog.
  3. Use the up and down arrows to select the type of page.
  4. Press Tab until the focus is on Create and press Enter.
  5. The focus automatically goes to the Name property. Enter a name for the page. The name is saved automatically.
  6. Press Tab to set more page properties.

Add a widget to a page

  1. If the page isn't already open in the page editor, go to the page and press Enter.
  2. Press Ctrl+Shift+P to open the widget panel. This shortcut doesn't work if the focus is on an editable element such as a menu or text box.
  3. Press Tab to go to the widget that you want to add. Press Enter.
  4. If needed, select widget setup options. Press Tab until the focus is on Create and press Enter.
  5. Press Shift and arrow keys to move the widget into position.
  6. Press Tab to go to the property editor to label the widget and set other properties.

Create a model

  1. Press Tab until the focus is on Data.
  2. Press Tab to get to Add Data add and then press Enter. This action opens the model creation dialog.
  3. Press Tab until the focus is on the currently selected radio button, then use the up and down arrows to select the type of model.
  4. Press Tab until the focus is on Next.
  5. Enter a name for the model. Optionally, import fields from a sheet.
  6. Press Tab until the focus is on Create and press Enter.
  7. The model is created and you can add fields and edit other model properties.