20 Accessibility Features and Tips for Oracle Visual Builder Studio
These topics describe accessibility features and information for Oracle Visual Builder Studio (or VB Studio, for short).
Keyboard Shortcuts for Oracle Visual Builder Studio
Use keyboard shortcuts for common Designer operations and code editor tasks in VB Studio.
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, VB Studio does not support shortcuts like the ones described here.
Table 20-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) |
Keyboard Shortcuts for Code Editors
Use these keyboard shortcuts when working with code editors: HTML, JSON, JavaScript, Code view in the Page Designer, and Git.
Table 20-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 20-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 |
Table 20-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 20-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 20-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 20-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 20-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 VB Studio 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.
- 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 VB Studio 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 VB Studio 21.07 or later by default use the Redwood theme.
To check if your visual app uses the Redwood theme: