[Accessibility] Ensures screen reader announces position list items and suggestions index.

We already had code in SuggestBox.ts to announce the item position in the list of suggestions from this change [here](https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2984362) However,  the announcment was getting interrupted by another screen reader call further than down the stack on ListControl Item Focus from this patch - https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3780899

- This change moves the fix for the original issue higher up in the stack and ensures we include item position in the screen reader announcement.
- With this change the screen reader announcements from SuggestBox get applied correctly.

Bug: 1515418
Change-Id: Ib4b7f8830999fdbe0b527d35ffcd7d770f6c7c3a
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/5166711
Reviewed-by: Wolfgang Beyer <[email protected]>
Commit-Queue: Sylvester Elorm Coch <[email protected]>
2 files changed
tree: 65818c70fbb39cc681d7060c0a197869a50050b1
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. extensions/
  7. front_end/
  8. inspector_overlay/
  9. node_modules/
  10. scripts/
  11. test/
  12. third_party/
  13. v8/
  14. .clang-format
  15. .editorconfig
  16. .eslintignore
  17. .eslintrc.js
  18. .git-blame-ignore-revs
  19. .gitattributes
  20. .gitignore
  21. .gitmodules
  22. .gn
  23. .mailmap
  24. .npmignore
  25. .npmrc
  26. .style.yapf
  27. .stylelintignore
  28. .stylelintrc.json
  29. AUTHORS
  30. BUILD.gn
  31. codereview.settings
  32. DEPS
  33. LICENSE
  34. OWNERS
  35. package-lock.json
  36. package.json
  37. PRESUBMIT.py
  38. README.md
  39. tsconfig.json
  40. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all TypeScript & CSS to run the DevTools webapp.

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the project documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Additional references

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch