Navigate to the Ingest Node Pipelines application (there should be at least 2 pipelines by default)
Interact with a11y features in the app like opening a pipeline and re-ordering processors
Current list of a11y issues
Use of react-virtualized leading to issue with HTML grid being 0 rows and 0 columns even though there are processors. This makes the HTML not traversable as a grid (react-window is a recommended alternative, matching EUI)
~No visual indication of "drop" button on keyboard focus. These are the buttons that you would use to place a processor after entering move mode~ https://github.com/elastic/kibana/pull/79122
If the 4th item in a list of processors is moved to the 6th position, focus jumps back to the 4th item in the list. After moving a processors, the moved processor should get focus
In the processor configuration form, the code editor (React monaco) is currently a focus trap
When the duplicate processor action is taken, the newly duplicated processor should get focus
When a new processor is created that processor should get focus or at least the list of processors should get focus
Deleting a processor should focus the processors list
Differentiate "Add a processor" buttons in their aria-labels. For instance, adding to the global on failure list should have a different aria-label to adding to the primary processors list
When testing processors the "Output" pane is disabled, but the screen reader reports 2 tabs. We should use "aria-described-by" to indicate that the second tab is disabled (when it is disabled)
After saving a pipeline and navigating back to the pipeline list view, focus should be in the flyout (at the moment focus is not on the flyout and the flyout cannot be accessed)
Updated aria-label for drop zone buttons when they are disabled. The label should indicate that the processor cannot be moved here.
There are 3 nested <main> tags on the ingest pages (there should be one)
On the management page, headings jump to h3 but there are not h2 headings
Steps to reproduce
Current list of a11y issues
react-virtualized
leading to issue with HTML grid being 0 rows and 0 columns even though there are processors. This makes the HTML not traversable as a grid (react-window
is a recommended alternative, matching EUI)<main>
tags on the ingest pages (there should be one)h3
but there are noth2
headingsKibana Version:
Tested on commit b4737e81857
CC @myasonik