Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Test: Simple settings indicators accessibility #167084

Closed
3 tasks done
rzhao271 opened this issue Nov 23, 2022 · 0 comments
Closed
3 tasks done

Test: Simple settings indicators accessibility #167084

rzhao271 opened this issue Nov 23, 2022 · 0 comments

Comments

@rzhao271
Copy link
Contributor

rzhao271 commented Nov 23, 2022

Refs: #159088

Complexity: 3

Create Issue


In the Settings editor, there are indicators, which are labels that show up in parentheses next to some settings such as "Not synced".

  1. Enable Settings sync.
  2. Open the Settings editor.
  3. Search emmet.
  4. Navigate from the search box to the emmet.extensionsPath setting using the keyboard.
  5. Tab to the "Not synced" indicator. The entire indicator should be outlined.
  6. Once focused on an indicator, press space or enter to open the hover and focus it.
  7. Alternatively, one should be able to hover over an indicator with a mouse, and then click on the hover to focus it.
  8. Pressing any key while the hover is focused should close the hover. Focus should return back to the element that had focus before the hover was focused.
  9. The indicator and hover should be navigable with a screenreader.
  10. Steps 3 to 9 should also work when searching @lang:go editor spaces, tabbing down to the editor.insertSpaces setting, and tabbing to the "Default value overridden" indicator.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants