mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-18 04:25:15 +08:00
Accessibility testing revealed the following issues within the tool: 1. missing name for focusable controls 2. some of the links and buttons are not keyboard accessible This change adds: 1. aria-label to the input field 2. tab stop to those links and buttons mentioned above 3. better described placeholder message for the filter input and focus indicator 4. mark role as h1 and h2 for report tiltle and section header 5. test coverage see the gif: https://imgur.com/a/ycK3n70 Change-Id: I83c61c5b8abe91179451f1e7a07bde550011b9c0 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1559704 Reviewed-by: Erik Luo <luoe@chromium.org> Commit-Queue: Junyi Xiao <juxiao@microsoft.com> Cr-Original-Commit-Position: refs/heads/master@{#653080} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 24e9f563f698d839c246c12f79b4322742573141