AgileApps Support Wiki Pre Release

Keyboard Interaction for AgileApps new UI Accessibility

From AgileApps Support Wiki
Revision as of 11:52, 7 July 2023 by Wikidevuser (talk | contribs) (→‎Record View Page)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This page provides information on all the accessibility features that are achieved using keyboard shortcuts.

Notepad.png

Note: Standard system keyboard commands are not covered in this page.

Frequently Used Keys

Following are some keys that are commonly used for accessibility:

  • Tab and Shift+Tab - Press Tab to move to the next element on the user interface. Press Shift+Tab to go to the previous element.
  • Right arrow and Left arrow - Move from one item to the next in a radio-button group.
  • Spacebar - Press to select or de-select a checkbox or radio button that is currently in focus and also to open a file that is in focus.
  • Enter - Press to click a button or open a link that is in focus.
  • Esc - Press to close a pop-up window.
  • x - Press to close a toaster that is currently open (works only when there is a Toaster).
  • Backspace/Delete - Press to remove a chip (only works if there are some chips available. For example: - Record Level visibility, Notes Editor).

Interaction with Tables

When you navigate to a table, the initial focus is on the first cell of the first row of the table. If there is a clickable link on any cell, you can use Tab to move focus to that link and press Enter to open the link. Press Tab to move the focus between the cells and to move the focus outside the table. To interact with the table, use the following keys:

  • Up Arrow(↑) - Moves focus one cell Up.
  • Down Arrow(↓) - Moves focus one cell down.
  • Left Arrow(←) - Moves focus one cell to the left.
  • Right Arrow(→) - Moves focus one cell to the right.
  • Home - Moves focus to the first cell of the row that is in focus.
  • End - Moves focus to the last cell of the row that is in focus.
  • Ctrl+Home - Moves focus to the first cell of the first row of the table.
  • Ctrl+End - Moves focus to the last cell of the last row of the table.

Quick Access Keys

There are quick access keys available for the application. These keys are helpful in navigating from one area to another without using Tab. In a screen reader, sometimes these keys are not accessible. To make them accessible, press Insert+3 and then press the quick access keys.

Access the following quick access keys from the dashboard or the record list view pages:

  • ? - Displays all the quick access keys
  • q - Performs a quick search
  • c - Creates a new record
  • n - Jumps to primary navigation

Access the following quick access keys in the record details page:

  • m - Jumps to a secondary navigation.
  • ] - Collapses the secondary navigation details panel.
  • s - Saves the current record.

Keyboard Interaction

This sections covers the information about the keyboard interaction within the application screens.

Overview

Overview page is the home page and is the start page of the application that appears after you log in. It is also accessible by clicking Home button.png from the left navigation menu. It shows all the applications available for a tenant.

  • Press Tab to move the focus to the search box. Here, you can type an application name to search.
  • To filter the search, click Scroll icon reports page.png next to the Search box. Use the arrow-up and arrow-down keys to move through the filters. Press Enter to select a filter item.
  • After you finish the search, the focus returns to the Home button.
  • Press Tab to move the focus through the application names. Press Enter to open the link to an application and you will see a Confirm Application change dialog. Here, the focus is first on the Cancel button. Press Tab to move the focus to the OK button and press Enter to change the application.

Record View Page

The Record View list page is available for all objects. Select an object from the left navigation panel, and you are redirected to the object list view page.

  • The initial focus of the Record List view is the default view.
  • To change the view, you have to use the left and right arrow keys to navigate between the views and then press Enter to select a view.
  • If you tab out from the view section, it will focus to first cell of the first row of the table. Use the keys to interact with the table as defined in Interaction with Tables.
  • If no record is present, you will not see any table.
  • On the top of the view page, there is an Action button. Continue to press Tab to highlight Print options reports page newui.png and press Enter. Use the arrow-up and arrow-down keys to access the action items.
  • For a case, case type, and task object, an action button is present in the last cell of each row in the table. To access this, use the arrow keys once you highlight the first cell of a record. When Action button table row.png is in focus, press Spacebar or Enter to traverse through the list of actions.
  • For case, case type and tasks object, you have a check box as the first cell for each row. When the focus is on this check box, press Spacebar to select the check box for that row or if already selected you can deselect the check box by pressing Spacebar. The action you select from the top action menu becomes applicable on all the rows selected.
  • On the case page, you can access the right navigation bar with the Ctrl + M keyboard shortcut.
  • List view shows 25 records at a time. If a view has more that 25 records, you can access these records by moving the focus over the pagination button available at the right-hand bottom corner of the page and then pressing Spacebar or Enter.

Record Details Page

The Record Details page is available for all objects. Select any record to view the Record Details page. Record details page contains Left navigation panel, right navigation panel, record form, record banner (for case and task), action menu, record locator, record visibility button, and assign button.

  • In the Record details page, the initial focus is on the first section of the record form.
  • Press Tab continuously to highlight the first item on the Actions menu.
  • Use the Up Arrow and Down Arrow keys to move through the actions and press Enter to select an action.
  • To close the selected action menu, press Shift+Tab to highlight the action button and press Enter. The Actions menu collapses.
  • To access the Record visibility dialog, continue to press Tab till the focus moves to Record visibility.png at the top of the record details page.
  • To open the Assignment page, press Tab to move the focus to People icon.png and press Enter.

Record Form

A record form contains multiple types of fields, sub-forms, and related forms. For each type of field, it has different types of keyboard interactions.

  • Press Tab to highlight the column header in the Record details page and use the arrow-up or arrow-down keys to traverse through the list and press Enter to open a record.
  • In the record form, the initial focus is the first section of the form.
  • You can move through these sections by using the left and right arrow keys and pressing Enter.
  • To move the focus outside the form section, press tab and the focus is set on the first field of the form.
  • Use the Tab and Shift+Tab keys to move focus forward or backward respectively between the fields of a form.
  • To select a check box field, press Spacebar to activate or deactivate it.
  • To select a radio button, press Spacebar and then use the left and right arrow keys to move your selection between radio buttons.
  • When a drop-down list is in focus, press Spacebar to view the contents of the list and then use the arrow-up or arrow-down keys to move up or down across the items. You can select an element even without expanding the list by using the arrow-up or arrow-down keys.
  • When a date field is in focus, you can either manually type the date or select a date using the date picker. To select the date picker, press Tab to bring the date picker in focus and then press Enter or Spacebar to open the date picker.
  • In the date picker, the first focus is on the current date. Use the left or right arrow keys to move to next or previous date and use the arrow-up or arrow-down keys to move up or down in the date row. When the focus is still inside the date picker, press Tab to change the focus from date to year section and then press Enter to expand the years list. Use the arrow keys to move the focus between the years.
  • In the years section, each page contains a set of years. Press Tab and Shift+Tab to move the focus to the next and previous buttons respectively and press Enter to access the previous or next set of years.
  • After you select a year, you will see the month selection page. Press Tab to move the focus over a month and then press the arrow keys to select a month and then press Enter to select the month.
  • After you select a month, you will see the dates for that month. Press Tab to highlight a date and then use the arrow keys to highlight the date you want to select. Press Enter to select the highlighted date.
  • After you select a date, the focus returns to Date picker.png.
  • If it is a date time field, then the application populates the current time in the time field. To update the value, press Tab to highlight the field, and change the value by manually entering the details.
  • If it is a Geo location field, there is a location picker and map button available. Press Tab to highlight Geo locator.png and press Enter to set the coordinates for your location. Once you set the coordinates, press Tab to highlight Location picker.png, and press Enter to view your current location using the browser. The browser opens in a new tab. You cannot manually update the geo location field.
  • If it is an image field, and if there is no image, the initial focus is always on the upload button. Press Enter to open the Attach File dialog box. Here, press Tab to highlight the Choose File option and press Enter to open the file browser. Select the file by using the Tab and the arrows keys on the keyboard and press Enter to choose a file you want to include as an image. Press Tab to highlight Save and press Enter to save the changes.
If an image is present in the image field, the initial focus is set to the View button. Press Enter to view the image in a new window. You can close this window by either pressing ESC key or by pressing Enter as the focus in the new window is on Close button record form.png by default.
  • Next to the View button, there is a Download button which you can use to download the image. Also, there is a Delete button, which you can click to delete the existing image. A confirmation dialog appears on pressing Enter on the Delete button and when the focus is on the OK button, press Enter to remove the file.
  • If it is a file field, the initial focus is on the Select a file button. Press enter to open the Attach file dialog box. Press Tab to highlight the Choose File button and then press Enter to open the file browser. Select the file by using the Tab and the arrows keys on the keyboard and press Enter to choose a file you want to upload. Press Tab to highlight the Add button and press Enter to add.
  • After you upload a file, it will appear as a hyperlink with the delete icon next to it. If a record has a file present already, when you press Tab, the initial focus is set on the link. Press Enter to view the file in a new window. If the file type is not available for viewing in the new window, then you will have an option to download the file. Press Tab to highlight the Download option and press Enter to download the file.
  • To remove an existing file, press Tab to highlight Delete attachment record form.png next to the attachment and press Enter. In the Confirm dialog box, press Tab to highlight Ok and press Enter.
  • If the field is a multi-select picklist, use the arrow-up and arrow-down keys to select an element. For selecting multiple elements, use the Shift+Arrow-up or Shift+Arrow-down keys in combination.
  • If it is an Email field, the initial focus is on the space to enter the email address. Enter the email address and press Tab to highlight Send email record form.png and press Enter. The application opens the default email client configured on your system with the email address auto-populated in the To field of the new email.
  • If it is a lookup field, there is a search button and a redirect button. Press Tab to highlight Search button record form.png and press Enter to open a lookup dialog. Use the Tab and arrow keys to highlight a lookup value and press Enter to select. Press Tab to highlight Redirect button record form.png and press Enter to be redirected to the corresponding record details page.
  • If a field is disabled or is a read-only field, you cannot modify that field. You can press Tab to move the focus to that field and press Enter to read the content present in that field.
  • If any error occurs in the record form, when you highlight Save and press Enter to save the form, the focus moves to the first field with the error.
  • If there is any change in the record and you navigate away form the form, you will see a pop-up with a corresponding message.
  • After you traverse through all the fields of a record, the focus moves to the first field of the Related Information section. You can move through the fields by using the Arrow-up and Arrow-down keys and pressing Enter when the focus is on the field that you want to view or modify.
  • To interact with the records in a table, see Interaction with Tables.

Dashboard

You can highlight Dashboard.png from the left navigation panel and press Enter to access the dashboard.

  • With the dashboard in focus, press tab and the focus moves from the left navigation panel to the Create new dashboard link.
  • Press Enter with the link in focus and you will see a window for creating a new dashboard. The first focus in the New Dashboard window is on the Name field. Use the left and right arrow keys to toggle between the radio buttons. Use the tab key to move across sections within this dialog box. Move the focus to the Cancel or Save button and press Enter. The focus returns to the Create new dashboard link.
  • Press the tab key to highlight the sections of the dashboard. Use the left or right arrow keys to move the focus across the sections.
  • Press the tab key to move the focus from the section to Default view activate.png. With Default view activate.png in focus, press Enter to set the current view as the default view. As you move across the sections, look for Default view activated.png to identify the section that is currently set as the default view.
  • With Default view activated.png or Default view activate.png in focus, press the Tab key to move the focus on the edit icon. Press Enter to open the Edit dashboard dialog box. Use the arrow keys and tab keys to move the focus within the Edit dashboard dialog box.
  • With the focus on the Edit dashboard icon, press the Tab key to move the focus on the lock icon. Press Enter to open the visibility permissions list. Use the up and down arrow keys to select.
  • With the focus on the lock icon, press the Tab key to move the focus on the Delete icon. Press Enter to delete the current page. Use the Tab keys to move the focus within the Delete Confirmation dialog box and press Enter.
  • With the focus on the delete icon, press the Tab key to move the focus on the + icon. Press Enter to open the Add widget dialog box. Use the Tab key to move the focus within the dialog box and press Enter with a widget in focus to make a selection.
  • After you create a new widget, the focus will move to that widget section.
  • On the top of every widget, there are three action buttons as follows:
  • Collapse/Expand button - Use the tab key to bring this in focus and press Enter to expand or collapse this widget.
  • Move icon - Use the tab key to bring this in focus and press Enter to open the Move widget dialog box. Use the tab key to shift the focus within this dialog box and the up and down arrow keys to select the values from the drop-down lists available within this dialog box. The widget will move on the screen based on the row and column selection. With Cancel or Save in focus, press Enter once you make the necessary changes.
  • Edit/Remove icon - Use the tab key to bring this in focus and press Enter to open a menu with Edit and Remove option. Press Enter with Edit highlighted to make changes to the widget or press Enter on Remove to remove the widget.

Report

Click Report icon newui.png from the left navigation panel to open the Reports section.

  • The first focus is on the Reports tab. Here, you will see a list of all the reports available.
  • You have another tab for Schedule. Use the left and right arrow keys to move between the Reports and the Schedule tabs.
  • Press the tab key to move the focus from the current area of focus to Edit icon newui.png. Press Enter to open the Edit folder dialog box. By default, the initial focus is on Folder name. Use the tab key to move the focus to the Visibility Control field. Use the up and down arrow keys to move across the options in the drop-down list. Depending on your selection, you will see the respective dialog box. You have options to set visibility for Everyone, specific users, specific roles, and specific teams.
  • Use the tab and arrow keys to move your focus within these dialog boxes. To select check boxes, press the space bar.
  • Press the Tab key to move the focus to the Save button and press Enter. After you save, the focus returns to Edit icon newui.png.
  • Press the Tab key to move the focus to the Delete button. Press Enter to delete the current folder.
  • Press the Tab key to move the focus to a report name and press Enter to open that report.
  • In the Report details page, press Tab to highlight any of the available action buttons. Highlight Scroll icon reports page.png and press Enter to return to the Reports page.
  • In the Report details page, continue to press Tab to highlight Print options reports page newui.png and press Enter to open the menu and use the up and down arrow keys to select any of the following options:
  • Customize - opens the Edit Reports dialog box.
  • Excel print - creates an excel file version of the report.
  • HTML print - creates an HTML version of the report.
  • Export - creates a CSV file for the purpose of exporting the report.
  • After you select one of the edit options and make the required changes, press Escape to exit the menu.
  • Press the Tab key to highlight Description view reports newUI.png and press Enter to view the descriptions.
  • When the focus is on the Reports tab, press Shift+Tab to move the focus to Create new folder new ui.png. Press Enter to open the Create folder dialog box. Use the Tab key to move within the dialog box. By default, the focus is on Folder name field. When the focus is on the Unfiled reports section, use the up and down arrow keys to make a selection. Press Enter to move the report to the Report in this folder section. To move a report from Report in this folder section to the Unfiled reports section, use the Tab key to highlight Report in this folder section and use the arrow keys to select a report and press Enter. Use the Tab key to highlight Cancel and Save buttons and press Enter to perform the desired action.

Left Navigation Menu

When you login to the application, by default the first focus is on the Home button in the left navigation menu. Pressing Tab will move the focus outside the left navigation menu.

  • Use the up and down arrow keys to move the focus from the Home button to the other functions in the left navigation menu.
  • When the focus is on the function you want to open, press Enter to open.
  • When the menu for a function is open, to close the menu, highlight the function again by using the up and down arrow keys and press Enter to collapse the menu.

Right Navigation Menu

The right navigation menu is available when you open any record. After you traverse through all the elements in a record, the focus shifts to the right navigation menu.

  • Use the up and down arrow keys to move the focus to different action buttons.
  • Press Enter to open the details for the action button that is highlighted.
  • If you press Tab, the focus moves outside the right navigation menu.
  • When the focus is on the details of any of the Action buttons, use Shift+Tab to move the focus to the main action button and press Enter to close the details for that action button.

Quick Access Keys for Left and Right Navigation Menu

There are left and right navigation menus in the application. You have the following shortcut keys for these menus:

  • n - Focus moves to the first element of the left navigation menu.
  • m - If you have a record open and you press m, the focus shifts to the first element of the right navigation menu.
  • Up arrow - Focus moves up within the navigation menu.
  • Down arrow - Focus moves down within the navigation menu.
  • Tab key - Focus moves outside the navigation menu.
  • Enter key - Opens the element in focus.

Notes Editor

Notes Editor is available as the first option in the right navigation menu.

  • While on the Case Details page, continue to press Tab to highlight Notes editor newui.png in the right navigation menu.
  • Press Enter to open the Notes Editor. The right navigation menu expands and by default, the first focus is on the Post as option. Use the Up and down arrow keys to change option from Post as Email to Post as Private note. Post as Private note has the same options as Post as Email with the exclusion of Add recipient and Add subject fields.
  • If you select Post as Email, press Tab to move the focus to the Add recipient field and type the email address and press Enter. You can add multiple email addresses by pressing Enter after typing each email address. The email address gets listed on top of the Add recipient field.
  • To delete an email address, press Shift+Tab to move the focus to the email address listed on top of the Add recipient field and press Backspace or Delete button on your keyboard to remove the email address.
  • With the focus on the Add recipient field, continue to press Tab to move the focus to the Add subject, Attach file, and Text Editor.
  • To access the formatting menu of the Notes Editor, when the focus is inside the Notes Editor, press Alt+F10 function key. The focus will move to Notes editor formatting.png. Use the arrow keys to move to different elements of formatting and press Enter to execute a formatting action.
  • Press Tab to highlight Editor shortcuts and press Enter to view a list of keyboard shortcuts to use the Editor.
  • Press Tab to highlight Quick text and press Enter to open the menu for Quick text. Use the Up and Down arrow keys to move between the options within the menu for Quick text and press Enter to select any of the existing quick text options.
  • Continue to press Shift+Tab keys to highlight Submit and press Enter to save the changes.

Activity History

Activity History is available as the second option in the right navigation menu.

  • While on the Case Details page, continue to press Tab to highlight Notes editor newui.png in the right navigation menu.
  • Use the down arrow key to highlight Activity history record newui.png and press Enter.
  • In the Activity History page, the first focus is on the drop-down field. Use the up and down arrow keys to select the filter for activity history. As you select the filter, the results will change in the Activity History.
  • To exit the activity history, press Shift+Tab to return the focus to Activity history record newui.png and press Enter. The activity history screen collapses and you can use the up and down arrow keys to move the focus to another action in the right navigation menu.

Interaction with Dialogs

Create New Dialog

  • To create a new dialog from anywhere in the application, press lower case c to open the Create new dialog box. By default, the focus is on the Select object drop-down list.
  • Press Enter to open the list.
  • Use the arrow keys to move through the list and press Enter to select.
  • After you select, press Tab to highlight Create dialog selection newui.png and press Enter. The respective Create new page is displayed for the selected object. By default, the focus is on the first item in the new dialog box.
  • Use the Tab and arrow keys to traverse through the elements of the dialog box and press Enter to make the selection. For more information, see Record Form.

Report Configuration Dialog

  • On the reports screen, continue to press Tab to highlight the Add new report option and press Enter. The New report dialog opens.
  • By default, the initial focus is on the Report name field. Press Tab to move the focus to the Folder name field. Use the Shift+Tab keys to move your focus to the previously selected item.
  • Press Enter to open the list of folders available. Use the up and down arrow keys to move through the drop-down list and once highlighted, press Enter to select a folder.
  • After you select a folder, press Tab to highlight the Description field. Enter the text in the Description field and press Tab to move to the Select data section.
  • In Select data, the Report Category drop-down list is set to None by default. Rest of the sections next to Select data are not accessible till you set the Report category field.
  • After you select the report category, press Tab to move to the Available Field section. Use the up and down arrow keys to highlight the field you want to select. On highlighting, press Tab to move the focus to Move selected field newui.png and press Enter to move the field from Available field to Selected field section. To remove an item from the Selected field, press Tab to highlight Selected field and then use the up/down arrow keys to highlight the entry that you want to remove. Once highlighted, press Tab to move the focus to Move from selected field newui.png and press Enter. To re-order the list in Selected field, select the item you want to sort, and press tab to highlight Sort up newui.png or Sort down newui.png to move the item up or down in the list.
  • With Move selected field newui.png in focus, if you press Tab, the focus shifts to the Formula field.
  • Continue to press Tab to highlight + in the formula field and press Enter to open the Formula builder.
  • Use the Tab key to move across the fields within the formula builder.
  • For a checkbox that is in focus, press the spacebar key to select or deselect the checkbox.
  • To create an expression, move the focus to Field and press Enter to open a list of items. Press Enter after you select a field to insert into the expression. Use the up and down arrow keys to move through any of the items in the drop-down list.
  • Set the values for Operator, Function type, and Function in the same manner as Field.
  • After you set the values, press Tab to highlight Insert function and press Enter to create the expression. Press Tab to highlight Check syntax and press Enter to verify if the expression created by you is a valid one.
  • Press Tab to move the focus to Save and press Enter to Save the formula. On successful save, the focus returns to the + sign on the Formula field.
  • Continue to press Tab till you highlight Next and press Enter to move to the Define Criteria tab.
  • Press Tab to highlight the sub-tabs under Define criteria. Use the right and left arrow keys to move through the tabs.
  • Within these sub-tabs, use the tab and arrow keys to make the selections. For the radio buttons, use the arrow keys to move between the radio buttons.
  • Within the sub-tabs, highlight Plus icon newui.png and press Enter to add extra containers/fields which you want to define. Use the arrow keys to select the operator AND or OR and press Enter.
  • Press Next and continue to enter the details for the other tabs as described in the above steps.
  • Once you update the details for last tab, press Tab to highlight Save and press Enter to save the changes.

Schedule Configuration Dialog

Click Report icon newui.png from the left navigation panel to open the Reports section. With the Reports tab highlighted, use the right arrow key to access Schedule and press Enter.

  • Press Tab to highlight Edit icon newui.png and press Enter to open the details for that Report Schedule. By default, the Schedule title field is highlighted.
  • Press Shift+Tab to highlight Schedule Information and use the arrow keys to move through the tabs. Press Enter to open a tab that is highlighted.
  • With Schedule title in focus, press Tab to highlight Select reports to run.
  • If there are entries available here, press Tab and then press the Delete button on your keyboard to remove an entry.
  • Press Tab again to move focus to Plus icon newui.png and press Enter to open the Select Reports dialog.
  • Press tab to highlight the first check box in the header row. To select all the reports with a single action, press Spacebar to select this select all check box. All the reports will get selected and show up as clips in the Select reports page. To deselect all the reports, highlight the same check box once again and press Spacebar.
  • To select specific reports, while the focus is on the select all check box in header row, use the arrow down keys to highlight the check box next to the report and press Spacebar to select a report.
  • Press Tab to highlight the Save button and press Enter to save the changes. The focus returns to Plus icon newui.png.
  • Press Tab to highlight the other sections and use the arrow keys to make selections and press Enter to save the selection.
  • Press Tab to highlight the Schedule information tab and then use the right arrow keys to move to the other tabs and press Enter to open the specific tab.
  • Use the tab, Enter, and arrow keys to edit the details on the other tabs.
  • Press Tab to highlight Save and press Enter to save the changes.
  • After you click Save, in the Confirm dialog box, use the tab key to highlight OK and press Enter to confirm the changes.

Formula Configuration Dialog

For information on formula configuration dialog, see [Report Configuration Dialog]

Merge Dialog

Merge dialog is available for case and case type records only. In the action menu for a record, you can select the merge action.

  • Open any case record. The first focus for any record is on the first tab for that record.
  • Press Shift+Tab to highlight Print options reports page newui.png and press Enter to open the Actions menu.
  • Use the down arrow key to move through the menu and press Enter to select Merge. The Merge dialog box opens.
  • By default, the initial focus is on the Search field.
  • Type the record you want to search for in the Search field and press Enter or press Tab to highlight the first record in the list and use the down arrow key to move through the list. Press Enter when you see the record you want to merge with.
  • Press Tab to highlight Select and Merge and press Enter to open the Merge dialog box.
  • In the Merge dialog box, the initial focus is on the Select field(s) section. Press Tab to highlight the fields and use the right and left arrow keys to move your selections between the Source and Target.
  • After you set the fields, continue to press Tab till you highlight Next and press Enter to move to Select task(s) section.
  • Press Next after you set the tasks to move to the Confirm merge section.
  • Review the changes and press Tab to highlight Confirm and press Enter to save the changes. If you highlight Edit selection and press Enter, you will be redirected to the Select field(s) section.
  • If you confirm the changes, and if it is successful, you will see a confirmation message on the application user interface.

WYSIWYG Editor

The WYSIWYG Editor uses some shortcuts to access various elements. It works only when the focus is present inside the Editor. This editor is available in the Rich Text area, Notes editor and so on. The following table lists the keys:

Key Description
Ctrl+C Copy the selected text/content
Ctrl+X Cut the selected text/content
Ctrl+V Paste the selected text/content
Ctrl+Z Undo (Change to previous state)
Ctrl+Shift+Z Redo (Change to Next state)
Ctrl+K Insert a link over a text
Ctrl+P Insert Image
Ctrl+A Select All available content
Ctrl+B Bold the selected text/content
Ctrl+I Italicize the selected text/content
Ctrl+U Underline the selected text/content
Ctrl+C Copy the selected text/content
Ctrl+S Strike through the selected text/content
Ctrl+] Increase indentation for the selected text/content
Ctrl+[ Decrease indentation for the selected text/content
Ctrl++ Increase the image or video size
Ctrl+- Decrease the image or video size
Alt+spacebar Select the table cell
Shift+Left/Right arrow Extend selection one cell
Shift+Up/Down arrow Extend selection one row
Alt+F10 Move focus to the pop-up/toolbar present on top of the editor.
Esc Return the focus to previous position
Ctrl+M Navigate to the right-side icon list in Runtime

Common Scenarios Across the Application

These are some common scenarios that lists the default focus areas and the keyboard shortcuts that you can use.

  • When you open any dialog, the initial focus is always on the first item that can be focused (in most cases this is a field).
  • If there is any action item, you can press Enter to view the menu and then use the up and down arrows to navigate through the list.
  • After you close the action menu, the focus returns to the previous button that was in focus.
  • The sequence of focus across the application is masterhead first > left navigation panel > main content > right navigation panel.
  • On highlighting a navigation panel, use the up and down arrow keys to traverse through the items.
  • Tabs and sections are accessible using the right and left arrow keys.
  • All the items in a drop-down list are accessible using the up and down arrow keys.
  • All the radio buttons are accessible using the left and right arrow keys.
  • All the checkboxes are enabled or disabled using the space bar.

Skip to Main Content

The Skip to Main Content is an invisible link and is available on every page.

  • If you lose focus on any page, continue to press the Tab key till you see this Skip to Main Content link on the masthead.
  • With this link in focus press Enter to move the focus to the main content in that particular page.
  • When you press Tab with the page URL in focus, the focus moves to the Skip to Main Content link.