[Accessibility] Logstash Pipelines

[elasticmachine]

Original comment by @aphelionz:

The entire pipeline UI, as it stands, is not accessible via keyboard (tab) navigation. Please see the following link for info about tabindex and SVG : LINK REDACTED

[ycombinator]

In 6.4.0 we are releasing a revamped Pipeline Viewer UI. IIRC, this new UI does not use SVG and, in fact, uses EUI components entirely. If so, then I believe this accessibility issue is now moot. @justinkambic can confirm this, perhaps after a bit of investigation into the code.

[justinkambic]

Here's an example.. how does this look?

[ycombinator]

Looks pretty good to me personally but I'm far from the expert on accessibility. Perhaps someone from the @elastic/kibana-design team could weigh in?

[snide]

It seems OK. Generally for keyboard accessibility you need the think about the following.

1. Tab order
2. Focus states.

The later should be taken care of by EUI.

Beyond that, you're then getting into screen readers. Are you aria-labelling your buttons to say what they do... etc

I remember this stuff being pretty difficult to run locally, but if you need a refresher over zoom feel free to ping me.

[justinkambic]

@snide I should be able to spin up a stack for you to point Kibana to like before if you wanted to test the accessibility. Aside from that, what's the best documentation to reference for this, so I can get to work and throw up a PR?

Thanks!

[snide]

Hey, I'm getting to this way lay. If you wanna ping me on Slack we could probably go through it real quick over zoom.

[AlonaNadler]

Any news on this issue? is it still relevant in 6.4 and 6.5?

[justinkambic]

@AlonaNadler I believe we are in good shape on this; I'll talk to @snide about it offline when he has availability just to be sure, and if there're any changes needed (which should be minor impact) I will put up a PR later this week, otherwise I'll write back here. Thanks!

[AlonaNadler]

Thanks for the update @justinkambic