Improve settings editor accessibility #104286
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
#97567
This PR includes a number of improvements in the settings editor.
Settings is made up of smaller virtual lists for each category
Each group only renders its own settings, and scrolling the settings list doesn't cross into a different group. The current settings editor is just one giant list of all settings. This change makes the settings page easier to navigate, and also make it less intimidating.
Settings are navigable using arrow keys instead of tab keys
This change makes navigating the settings editor experience closer to what it's like for lists and trees in other parts of VSCode. Before, the setting page behaved like a form. That is, users had to tab through each control on the page to navigate to a setting. Now, users can tab to the settings list once and then use arrow keys to jump from one setting to the next. To edit that setting, they can press the tab key to go into the settings control.
TOC tree can be focused by pressing
Escape
while navigating the settings listBefore, there was no easy way to focus on the table of contents on the left. Now, users can press the
Escape
key while focused on a setting to jump to the table of contents. Pressing escape again shifts focus back to the search box!