Accessibility Features and Tips for Oracle Visual Builder

21 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 21-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)
Undo/redo	Ctrl+Z (Windows) Command+Shift+Z (Mac)

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)

Undo/redo

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 21-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)

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 21-3 Keyboard Shortcuts to Show Command Palette and Save

Task	Keyboard Shortcut
Show Command Palette	F1 (Windows and Mac)
Save	Ctrl+S (Windows) Command+S

Task

Keyboard Shortcut

Show Command Palette

F1 (Windows and Mac)

Save

Ctrl+S (Windows)

Command+S

Table 21-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 21-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 21-6 Keyboard Shortcuts for Search and Replace

Task	Keyboard Shortcut
Find	Ctrl+F (Windows) Command+F (Mac)
Replace	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 21-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 21-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:

Locate your app, then open the app-level Settings editor.
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.