Skip to content

Make info tooltips tabbable so they can be focused and shown via keyboard navigation #11681

@techanvil

Description

@techanvil

Feature Description

Keyboard users should be able to focus info tooltip icons in order to view the tooltip.


Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

  • Info tooltip icons should tabbable, and the tooltip should appear when the icon is navigated to via the keyboard.

Implementation Brief

  • In assets/js/components/InfoTooltip.js:
    • Add the props tabIndex="0" and role="tooltip" to the rendered span element.

Test Coverage

  • Fix any failing tests.

QA Brief

  • Find the Info Tooltip in the app (such as in the Key Metrics panel), and confirm that the AC is met.

Changelog entry

  • Update info tooltips to be tappable.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Good First IssueGood first issue for new engineersP1Medium priorityTeam SIssues for Squad 1Type: EnhancementImprovement of an existing feature

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions