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

(Accessibility) Kibna Infrastructure - Missing Field Labels #41547

Closed
barlowm opened this issue Jul 19, 2019 · 4 comments · Fixed by #54510
Closed

(Accessibility) Kibna Infrastructure - Missing Field Labels #41547

barlowm opened this issue Jul 19, 2019 · 4 comments · Fixed by #54510
Labels
Feature:Metrics UI Metrics UI feature Project:Accessibility Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services WCAG A

Comments

@barlowm
Copy link
Collaborator

barlowm commented Jul 19, 2019

Use Deque axe Browser Extension

NoLabels
Outlined fields are missing labels

Field 4 does have a placeholder. (A placeholder is not a label). All form input fields require a label. (Also reported in Issue #40411

Fix at least one (1) of these issues:
Add a "aria-label" attribute
Add a aria-labelledby attribute
Add an implicit (wrapped)
Add an explicit
Add a title attribute

Steps to reproduce

  1. Navigate to the Kibana Logs page
  2. Run aXe scan

Meta Issue
Accessibility Audit for Kibana 7.0

Kibana Version:
7.2

OS:
Tested on Windows 7. But issue exists in all OS's

Browser:
Tested in Chrome. But issue exists in all Browsers

Screen reader: [if relevant]
N/A

Relevant WCAG Criteria: WCAG Criterion

  • 1.3.1 Info and Relationships - Level A
    Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
  • 3.3.2 Labels or Instructions - Level A
    Labels or instructions are provided when content requires user input

Relevant ARIA spec: WAI-ARIA Authoring Practices 1.1

  • ARIA14: Using aria-label to provide an invisible label where a visible label cannot be used
  • ARIA6: Using aria-label to provide labels for objects
@barlowm barlowm added Project:Accessibility WCAG A Feature:Metrics UI Metrics UI feature Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services labels Jul 19, 2019
@elasticmachine
Copy link
Contributor

Pinging @elastic/infra-logs-ui

@rayafratkina
Copy link
Contributor

@sgrodzicki Any chance this can be fixed in 7.6? Trying to clean up some of our WCAG A issues for that release.

@sgrodzicki
Copy link

@phillipb, would you mind having a look at this before feature freeze?

@phillipb
Copy link
Contributor

@sgrodzicki yep, no problem.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Metrics UI Metrics UI feature Project:Accessibility Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services WCAG A
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants