[ML] (Accessibility) "Opened", "Closed" Filter buttons need to announce number of results, also Group

[aphelionz]

Steps to reproduce (assumes ChromeVox or similar)

1. Navigate to the Machine Learning page, ensure there are a diverse set of jobs
2. Tab to the "Opened" filter button
3. Press enter

Actual Result

3. The screen reader simply reads "Opened, button"

Expected Result

4. The screen reader should announce something like "Results are filtered by opened, there is 1 result"

Meta Issue #26855

Kibana Version: 6.5

Relevant WCAG Criteria: 3.2.2 On Input

[elasticmachine]

Pinging @elastic/ml-ui

[peteharverson]

Should look to add some screen reader content to the page, saying the number of jobs and the current filter on the jobs list.

[PhilippBaranovskiy]

This issue is in progress,
the appropriate PR will be created once Delayed Rendering is ready to use.
DelayRender component PR

[PhilippBaranovskiy]

Once 11.3.0 Eui version is merged into Kibana, this issue gets fixed automatically.

[PhilippBaranovskiy]

@bhavyarm , could you have a look on this at the master branch and let us know that with VoiceOver new updated search combo box works great?
It should react on every change in the search field while leaving that field as well as filtering the list with toggle buttons. The buttons also now should be announce as "toggle button, not pressed" or something like that.
The reaction to the change is "Below is the list of {N} items" (or close to it).

[bhavyarm]

@rockfield my x-pack didn't build. I am gonna be looking at this with snapshots tomorrow morning! thanks

[bhavyarm]

@rockfield yep. It works fine. Closing it. Thanks!

[peteharverson]

Closing as confirmed fixed for 7.3.0 by EuiDelayRender PR, added in EUI 11.3.2. Tested with NVDA screen reader, and content is read out e.g. 'Below is a table of 5 items' when toggling the filter buttons.