Visitar URL original
USWDS - Bug: Tooltip needs "escape" key functionality · Issue #5901 · uswds/uswds · GitHub
Skip to content

USWDS - Bug: Tooltip needs "escape" key functionality #5901

Closed

Description

@amycole501

Describe the bug

Dismissible (tooltip doesn't meet this criteria)
A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content;
Hoverable (tooltip doesn't meet this criteria)
If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;
Persistent (tooltip DOES meet this criteria)
The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.

According to W3C, the tooltip component interaction should be dismissible by hitting the "escape" key.
https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
https://www.w3.org/WAI/WCAG22/Techniques/client-side-script/SCR39.html

Steps to reproduce the bug

  1. Go to https://designsystem.digital.gov/components/tooltip/
  2. keyboard into one of the tooltip button examples
  3. hit "escape"
    Note how the tooltip remains visible

Additionally, the tooltip does not meet the criteria for "hoverable"

  1. Go to https://designsystem.digital.gov/components/tooltip/
  2. Hover over the tooltip with a mouse
  3. Try to access the tooltip with the mouse. Note that it disappears. According to WCAG it shouldn't.

If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;

Expected Behavior

When you click on the example button and hit 'esc' the tooltip should disappear.

Screenshots

No response

System setup

PC, Chrome, keyboard

Additional context

No response

Code of Conduct

Activity

  1. added
    A11y AuditAccessibility audit work or its findings. Preserve the test scope and evidence in the issue.
    on Jan 8, 2024
  2. transferred this issue fromuswds/uswds-siteon Apr 29, 2024
  3. added this to the uswds 3.9.0 milestone on Apr 29, 2024
  4. changed the title [-]USWDS-Site - Bug: Tooltip needs "escape" key functionality[/-] [+]USWDS - Bug: Tooltip needs "escape" key functionality[/+] on Apr 29, 2024
  5. modified the milestones: uswds 3.9.0, on May 1, 2024
  6. added
    Added during SprintHistorical record of work added during a sprint. Not required for current triage.
    on May 1, 2024
  7. modified the milestones: , uswds 3.9.0 on May 6, 2024
  8. added
    A11Y Audit FindingsA finding from an accessibility audit. Keep links to the test, result, and affected user experience.
    on May 8, 2024
  9. moved this from In progress to Review in USWDS Core Project Dataon May 10, 2024
  10. moved this from Review to Fed Final Review in USWDS Core Project Dataon May 16, 2024
  11. moved this from Fed Final Review to Done in USWDS Core Project Dataon May 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

A11Y Audit FindingsA finding from an accessibility audit. Keep links to the test, result, and affected user experience.A11y AuditAccessibility audit work or its findings. Preserve the test scope and evidence in the issue.Added during SprintHistorical record of work added during a sprint. Not required for current triage.Affects: Accessibility 🟡Affects access for disabled users or assistive tech. Record the barrier; not a severity score.

Type

No type

Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions