Does Vitest's browser test runner UI panel provide keyboard navigation for test discovery?
0 reputation · 09 Sept 2024, 04:18 UTC
Accessibility of Vitest's Browser Test Runner UI
Vitest provides a browser-based test runner with an interactive UI panel for test discovery and execution. This interface allows developers to filter, run, and inspect test results visually. However, the accessibility of this UI—particularly for users who rely on keyboard navigation—is not explicitly documented.
The browser test runner is launched via vitest --ui and renders a web-based interface. While Vitest supports component testing for React, Vue, and Svelte with automatic test file discovery, there is no clear indication whether the UI panel implements proper focus management, ARIA roles, or keyboard shortcuts for navigating between test files and assertions.
Given that Vitest's component testing mode depends on framework-specific testing utilities, it is unclear how these integrate with the accessibility of the overarching UI. Additionally, axe-core integration for accessibility assertions typically targets the tested components rather than the test runner's own interface.
What keyboard accessibility features, if any, does Vitest's browser UI panel support for test discovery and execution? Does the test runner UI implement proper focus management and ARIA attributes to support screen reader users? How can developers verify the accessibility compliance of their own test files when using Vitest's browser mode?