Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Lens] (Accessibility) Field search gives no indication to screen readers that anything is happening #83744

Closed
myasonik opened this issue Nov 18, 2020 · 2 comments · Fixed by #84310
Assignees
Labels
bug Fixes for quality problems that affect the customer experience Feature:Lens loe:small Small Level of Effort Project:Accessibility Team:Visualizations Visualization editors, elastic-charts and infrastructure WCAG A

Comments

@myasonik
Copy link
Contributor

myasonik commented Nov 18, 2020

The problem

When searching for a field name, there are visual changes to the page (the fields filter down based on what you're searching) but there is no indication to a screen reader than anything is changing.

The fix

After the search field, add what's called an "aria-live region" to describe what's happening. This update isn't critical, so we should be polite about it. And it's supplementary to the input so we should also wire that up.

Pseudo-code

<input data-test-subj="lnsIndexPatternFieldSearch" aria-describedby={uniqueId} />
<div role="region" aria-live="polite" id={uniqueId}>
  <FormattedMessage 
    defaultMessage="{availableFields} available fields. {emptyFields} empty fields. {metaFields} meta fields."
    values={{ availableFields, emptyFields, metaFields }}
  />
</div>

WCAG Criteria: 3.2.2 On Input - WCAG A

@myasonik myasonik added bug Fixes for quality problems that affect the customer experience Project:Accessibility WCAG A loe:small Small Level of Effort Team:Visualizations Visualization editors, elastic-charts and infrastructure Feature:Lens labels Nov 18, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Fixes for quality problems that affect the customer experience Feature:Lens loe:small Small Level of Effort Project:Accessibility Team:Visualizations Visualization editors, elastic-charts and infrastructure WCAG A
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants