19 Accessibility Features and Tips for Oracle Visual Builder

These topics describe accessibility features and information for Oracle Visual Builder.

Keyboard Shortcuts for Oracle Visual Builder

Use keyboard shortcuts for common Designer operations and code editor tasks in Oracle Visual Builder.

Keyboard Shortcuts for Common Operations in the Designer

Use these keyboard shortcuts for common operations in the Designer. Except for common Windows shortcuts such as cut, copy, and paste, Oracle Visual Builder does not support shortcuts like the ones described here.

Table 19-1 General Designer Keyboard Shortcuts

Task Keyboard Shortcut

Find and open a file in a web or mobile app

Ctrl+P (Windows)

Command+P (Mac)

Find a given string in a file (or in the Code editor)

Ctrl+F (Windows)

Command+Shift+F (Mac)


Ctrl+Z (Windows)

Command+Shift+Z (Mac)

Keyboard Shortcuts for Code Editors

Use these keyboard shortcuts when working with code editors: HTML, JSON, JavaScript, and Code view in the Page Designer.

Table 19-2 Keyboard Shortcut to Change TAB Key Behavior

Task Keyboard Shortcut

Change the code editor's default behavior for the TAB key; pressing TAB adds four spaces in the editor by default

Ctrl+M (Windows)

Control+Shift+M (Mac)

Table 19-3 Keyboard Shortcuts to Show Command Palette and Save

Task Keyboard Shortcut

Show Command Palette

F1 (Windows and Mac)


Ctrl+S (Windows)


Table 19-4 Keyboard Shortcuts for Basic Editing

Task Keyboard Shortcut

Cut line if there is no selection; cut selection if there is one

Ctrl+X (Windows)

Command+X (Mac)

Copy line if there is no selection; copy selection if there is one

Ctrl+C (Windows)

Command+C (Mac)

Move line up

Alt+Up (Windows)

Option+Up (Mac)

Move line up

Alt+Up (Windows)

Option+Up (Mac)

Move line down

Alt+Down (Windows)

Option+Down (Mac)

Copy line up

Shift+Alt+Up (Windows)

Shift+Option+Up (Mac)

Copy line down

Shift+Alt+Down (Windows)

Shift+Option+Down (Mac)

Delete line

Ctrl+Shift+K (Windows)

Shift+Command+K (Mac)

Insert line below

Ctrl+Enter (Windows)

Command+Enter (Mac)

Insert line above

Ctrl+Shift+Enter (Windows)

Shift+Command+Enter (Mac)

Jump to matching bracket

Ctrl+Shift+\ (Windows)

Shift+Command+\ (Mac)

Indent line

Ctrl+] (Windows)

Command+] (Mac)

Outdent line

Ctrl+[ (Windows)

Command+[ (Mac)

Go to beginning of line

Home (Windows)

Home or Fn+Left (Mac)

Go to end of line

End (Windows)

End or Fn+Right (Mac)

Go to beginning of file

Ctrl+Home (Windows)

Command+Home (Mac)

Go to end of file

Ctrl+End (Windows)

Command+End (Mac)

Scroll line up

Ctrl+Up (Windows)

Command+Up (Mac)

Scroll line down

Ctrl+Down (Windows)

Command+Down (Mac)

Scroll page up

Alt+PgUp (Windows)

Option+PgUp (Mac)

Scroll page down

Alt+PgDn (Windows)

Option+PgDn (Mac)

Fold (collapse) region

Ctrl+Shift+[ (Windows)

Command+Shift+[ (Mac)

Unfold region

Ctrl+Shift+] (Windows)

Command+Shift+] (Mac)

Toggle line comment

Ctrl+/ (Windows)

Command+/ (Mac)

Toggle block comment

Shift+Alt+A (Windows)

Shift+Option+A (Mac)

Toggle word wrap

Alt+Z (Windows)

Option+Z (Mac)

Table 19-5 Keyboard Shortcuts for Navigation

Task Keyboard Shortcut

Go to line ...

Ctrl+G (Windows)

Command+G (Mac)

Go to symbol ...

Ctrl+Shift+O (Windows)

Shift+Command+O (Mac)

Go to next error or warning

F8 (Windows and Mac)

Go to previous error or warning

Shift+F8 (Windows and Mac)

Go back

Alt+Left (Windows)

Control+- (Mac)

Go forward

Alt+Right (Windows)

Control+Shift+- (Mac)

Table 19-6 Keyboard Shortcuts for Search and Replace

Task Keyboard Shortcut


Ctrl+F (Windows)

Command+F (Mac)


Ctrl+H (Windows)

Option+Command+F (Mac)

Find next

F3 (Windows)

Command+G (Mac)

Find previous

Shift+F3 (Windows)

Shift+Command+G (Mac)

Select all occurrences of Find match

Alt+Enter (Windows)

Option+Enter (Mac)

Add selection to find matches

Ctrl+D (Windows)

Command+D (Mac)

Table 19-7 Keyboard Shortcuts for Multi-cursor and Selection

Task Keyboard Shortcut

Insert cursor

Alt+Click (Windows)

Option+Click (Mac)

Insert cursor above

Ctrl+Alt+Up (Windows)

Option+Command+Up (Mac)

Insert cursor below

Ctrl+Alt+Down (Windows)

Option+Command+Down (Mac)

Undo last cursor operation

Ctrl+U (Windows)

Command+U (Mac)

Insert cursor at end of each line selected

Shift+Alt+I (Windows)

Shift+Option+I (Mac)

Select current line

Ctrl+L (Windows)

Command+L (Mac)

Select all occurrences of current selection

Ctrl+Shift+L (Windows)

Shift+Command+L (Mac)

Select all occurrences of current word

Ctrl+F2 (Windows)

Command+F2 (Mac)

Expand selection

Shift+Alt+Right (Windows)

Control+Shift+Command+Right (Mac)

Shrink selection

Shift+Alt+Left (Windows)

Control+Shift+Command+Left (Mac)

Column (box) selection

Shift+Alt + (drag mouse) (Windows)

Ctrl+Shift+Alt+(arrow key) (Windows)

Shift+Option+ (drag mouse) (Mac)

Column (box) selection page up

Ctrl+Shift+Alt+PgUp (Windows)

Shift+Option+Command+PgUp (Mac)

Column (box) selection page down

Ctrl+Shift+Alt+PgDn (Windows)

Shift+Option+Command+PgDn (Mac)

Table 19-8 Keyboard Shortcuts for Rich Languages Editing

Task Keyboard Shortcut

Trigger suggestion

Ctrl+Space (Windows)

Command+Space (Mac)

Format document

Shift+Alt+F (Windows)

Shift+Option+F (Mac)

Go to definition

F12 (Windows and Mac)

Peek definition

Alt+F12 (Windows)

Option+F12 (Mac)

Show references

Shift+F12 (Windows and Mac)

Rename symbol

F2 (Windows and Mac)

Using Component-Level Accessibility Features

The Components palette in Oracle Visual Builder uses Oracle JavaScript Extension Toolkit (JET) components that are designed to comply with accessibility requirements.

For more information, see Accessibility Features of Oracle JET Components in Developing Oracle JET Apps Using MVVM Architecture.

Further, if your application uses Redwood components and page templates (which can be added from your environment’s Component Exchange), many accessibility requirements are handled for you, as follows:
  • Focus order and keyboard interactivity
    • Pages have defined, accessible tab order
    • Focus location has a visual indication
    • All functionality is available using keyboard only
  • Images and links
    • All non-decorative images have alternative text or an API provided
    • Link text is defined
  • Color contrast
    • Text, icons, and backgrounds have accessible contrast ratio of 4.5:1 for text and 3:1 for other elements
  • Structure
    • Heading levels follow the appropriate hierarchy ensuring no duplicate H1 headers
  • Reflow
    • Components and pages require only one direction of scrolling while at 400% zoom

Using the Redwood Theme for Accessibility

Because visual applications in Oracle Visual Builder are JET applications, they can use JET’s Redwood theme, which is designed to provide a luminosity contrast ratio of at least 4.5:1. All visual apps created using Visual Builder 21.07 or later by default use the Redwood theme.

To check if your visual app uses the Redwood theme:

  1. Locate your app, then open the app-level Settings editor.
  2. Check if the Theme field is set to Redwood or Redwood Stable.

    If you’re not using a Redwood theme, it is recommended that you transition your app to use the Redwood theme. See Style and Theme Visual Builder Applications in Developing Applications with Oracle Visual Builder.

    After you set the Redwood theme as the new default and run your app, the look and feel of your app will change considerably. You'll need to make manual updates to your app for new fonts, sizes, and patterns to adjust to the Redwood theme.