Skip to content

Allow the toast time limit to be paused when a toast element is focused, not just on mouseover #717

@aphelionz

Description

@aphelionz

Steps to reproduce (assumes ChromeVox or similar)

  1. Open https://elastic.github.io/eui/#/guidelines/toasts in a new tab.
  2. Tab through the navigation to the main content pane.
  3. Tab to the "Show Component Code" button and press enter
  4. Tab to the first "Add toast to global toast list" button
  5. Press enter

Actual Result

The toast is displayed and the time limit can be paused by mousing over the toast. However, if an element is focused and the mouse moves away, the toast closes at the next time limit interval.

Expected Result

The toast remains open if an element within it has focus.

Category: #714: Elastic UI Toasts Accessibility
Relevant WCAG Criteria: 2.2.2 Enough Time: Pause, Stop, Hide

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions