Skip to content

(Accessibility) Ensure Cancellations and Delays timeseries tooltips inject aria-describedby into buttons #148685

Open

Description

Description

  1. Log into Kibana instance and load the Flight sample data
  2. Navigate to the dashboard view
  3. Tab to the blue triangle "markers" to see the tooltip for flight cancellations / delays appear
  4. Ensure focus is set on one. Use the console and document.activeElement if necessary to verify this.
  5. Note the screen reader does not announce the tooltip details, which the EUI Tooltip should do

Screen Shot 2023-01-10 at 3 07 59 PM

Actual Result

  • Screen readers announce "Button" and nothing more

Expected Result

Kibana Version:
latest

OS:
MacOS Monterey

Browser:
Chrome/Safari

Screen reader: [if relevant]
VoiceOver

Relevant WCAG Criteria:
SC 1.3.1: Info and Relationships (Level A)

Related Issues

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Feature:ElasticChartsIssues related to the elastic-charts libraryProject:AccessibilityProject:ControlsTeam:VisualizationsVisualization editors, elastic-charts and infrastructureWCAG AblockedbugFixes for quality problems that affect the customer experienceimpact:mediumAddressing this issue will have a medium level of impact on the quality/strength of our product.loe:smallSmall Level of Effort

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions