ocular Studio Code has many features to help make the editor accessible to all users. Zoom and High Contrast colors improve editor program visibility, keyboard-only navigation allows function without a sneak, and the editor has been optimized for screen readers .
- High Contrast theme
- Keyboard navigation
- Tab navigation
- Tab trapping
- Screen readers
- Accessibility help
- Screen reader mode
- Terminal accessibility
- Status Bar accessibility
- Debugger accessibility
- Current known issues
- Next steps
You can adjust the Zoom floor in VS Code with the View > Appearance > Zoom commands. The zoom floor increases or decreases by 20 % each time a Zoom command is executed .
- View > Appearance > Zoom In (
Reading: Accessibility in Visual Studio Code
( Windows, Linux
)) – increase the Zoom level.
- View > Appearance > Zoom Out (
( Windows, Linux
)) – decrease the Zoom level.
- View > Appearance > Reset Zoom (
( Windows, Linux
)) – reset the Zoom level to 0.
Persisted Zoom Level
When you adjust the soar level with the View > Zoom In / Out commands, the soar degree is persisted in the
window.zoomLevel set. The default option rate is 0 and each increment/decrement changes the soar level by 20 % .
High Contrast theme
We support a High Contrast color theme on all platforms. Use File > Preferences > Color Theme ( ⌘K ⌘T ( Windows, Linux Ctrl+K Ctrl+T ) ) to display the Select Color Theme dropdown and select the High Contrast root .
You will find that VS Code provides an exhaustive list of commands in the Command Palette ( ⇧⌘P ( Windows, Linux Ctrl+Shift+P ) ) so that you can run VS Code without using the shiner. Press ⇧⌘P ( Windows, Linux Ctrl+Shift+P ) then type a command name ( for exemplar ‘git ‘ ) to filter the number of commands .
VS Code besides has many preset keyboard shortcuts for commands. These are displayed to the right of the command in the Command Palette .
You can besides set your own keyboard shortcuts. File > Preferences > Keyboard Shortcuts ( ⌘K ⌘S ( Windows, Linux Ctrl+K Ctrl+S ) ) brings up the Keyboard Shortcuts editor program where you can discover and modify keybindings for VS Code actions. See key Bindings for more details on customize or adding your own keyboard shortcuts .
For a immediate navigation across the workbench, we recommend using Focus Next Part ( F6 ) and Focus Previous Part ( ⇧F6 ( Windows, Linux Shift+F6 ) ) commands .
To make it easier to start and end survival using the keyboard we have four commands : Set Selection Anchor ( ⌘K ⌘B ( Windows, Linux Ctrl+K Ctrl+B ) ), Select From Anchor to Cursor ( ⌘K ⌘K ( Windows, Linux Ctrl+K Ctrl+K ) ), Cancel Selection Anchor ( Escape ) and Go to Selection Anchor .
You can use the Tab key to jump between VS Code UI controls. Use Shift+Tab to tab in reverse decree. As you tab through the UI controls, you can see an indicator around the UI component once the element gains focus .
All elements in the workbench subscribe tab navigation, but workbench toolbars and yellow journalism lists have only one tab key stop, to avoid having besides many. Once the concentrate is on a toolbar or a check number, you can use the arrow keys to navigate within them .
By default, pressing the Tab within a reservoir code file inserts the Tab character ( or spaces depending on your Indentation rig ) and does not leave the outdoors file. You can toggle the trap of Tab with ⌃⇧M ( Windows, Linux Ctrl+M ) and subsequent Tab keys will move focus out of the file. When nonpayment Tab trap is off, you will see an indicator in the Status Bar .
You can besides toggle Tab trapping from the Command Palette ( ⇧⌘P ( Windows, Linux Ctrl+Shift+P ) ) with the Toggle Tab Key Moves Focus legal action .
Read-only files never trap the Tab identify. The Integrated Terminal dialog box respects the Tab trapping mood and can be toggled with ⌃⇧M ( Windows, Linux Ctrl+M ).
VS Code supports screen readers in the editor using a strategy based on paging the text. We have tested using the following filmdom readers : NVDA and JAWS on Windows, VoiceOver on macOS and Orca on Linux .
For NVDA, we recommend staying in focus mode and using the hotkeys to navigate, rather of using browse manner .
The Go to Next/Previous Error or Warning actions ( F8 and ⇧F8 ( Windows, Linux Shift+F8 ) ) allow screen readers to announce the mistake or warning messages .
When the suggestions pop up, they will get announced to screen readers. It is possible to navigate the suggestions using Ctrl+Up and Ctrl+Down, you can dismiss the suggestions with Shift+Escape and if suggestions get in your room, you can disable the auto-popup of suggestions with the
editor.quickSuggestions arrange .
The Go to Next/Previous Difference actions ( F7 and ⇧F7 ( Windows, Linux Shift+F7 ) ), when in a diff editor acid, will bring up the Diff Review pane, which allows the seafaring of the diffs, presented in a unite patch format. Arrow Up and Arrow Down can be used to navigate through the unchanged, insert, or deleted lines. Pressing Enter will return concenter to the modified acid of the diff editor at the selected line count ( or closest even existing line number in case a edit line is selected ). Use Escape or
kb(Shift+Escape) to dismiss the Diff Review pane .
You can press ⌥F1 ( Windows Alt+F1, Linux Shift+Alt+F1 ) to trigger the Show Accessibility Help dialogue while in an editor program to check the submit of diverse handiness options in VS Code :
Screen reader mode
When VS Code detects that a screen door reader is being used, it goes into screen lector optimized manner for the UI such as the editor and Integrated Terminal. The Status Bar displays Screen Reader Optimized in the lower right and you can exit screen subscriber mode by clicking on the display textbook .
certain features such as fold, minimap ( code overview ), and give voice wrap are disabled when in screen lector mode. You can control whether VS Code uses screen reader modality with the Editor: Accessibility Support set (
editor.accessibilitySupport ) and the values are
off, or the default
auto to automatically detect a blind proofreader through querying the platform .
output in the Integrated Terminal can be navigated through by using the “ seafaring mode ” commands available in the Command Palette ( iron F1 and research for “ end navigation manner ” ) .
Minimum contrast ratio
terminal.integrated.minimumContrastRatio can be set to a numeral between 1 and 21, this will cause the text color either increase or reduce luminosity until the contrast proportion is met or arrant white (
#FFFFFF ) black (
#000000 ) is hit .
Status Bar accessibility
once a focus is in the Status bar via Focus Next Part ( F6 ) arrow navigation can be used to move focus between Status barricade entries .
Diff editor accessibility
There is a inspection paneling in the Diff editor that presents changes in a unite plot format. You can navigate between changes with Go to Next Difference ( F7 ) and Go to Previous Difference ( ⇧F7 ( Windows, Linux Shift+F7 ) ). Lines can be navigated with arrow keys and pressing Enter will jump back in the Diff editor and the selected lineage .
The VS Code debugger UI is user accessible and has the comply features :
- Changes in debug state are read out (for example ‘started’, ‘breakpoint hit’, ‘terminated’, …).
- All debug actions are keyboard accessible.
- Both the Run view and Debug Console support Tab navigation.
- Debug hover is keyboard accessible (
( Windows, Linux
- Keyboard shortcuts can be created to set focus to each debugger area.
Current known issues
VS Code has some known handiness issues depending on the platform. here ‘s a wax list of VS Code handiness issues .
There is filmdom reader support for the editor program with VoiceOver .
screen lector hold for the editor program is hush workplace in advancement because the handiness implementation for Chrome on Linux is make in advancement. thus there are a couple of things needed in order to have screen lector Orca working with VS Code :
- Make sure to use the latest version of Orca out of the master branch. More details can be found on the Orca page.
- We have tested that VS Code works well with Orca on Ubuntu 18, Fedora 31, Arch Linux. With Ubuntu 19, we have encountered issues.
- Make sure to have the setting
"editor.accessibilitySupport": "on"in VS Code. You can do this using settings, or by running the Show Accessibility Help command and pressing Ctrl+E
Read more: Integration Rules
to turn on accessibilitySupport.
- If Orca is still silent, try setting
ACCESSIBILITY_ENABLED=1as an environment variable.
After enabling that setting, VS Code should work with the Orca filmdom lector .
Read on to find out about :
- Visual Studio Code User Interface – A quick orientation to VS Code.
- Basic Editing – Learn about the powerful VS Code editor.
- Code Navigation – Move quickly through your source code.