Skip to content

Dialogs Need to Signal Context Switch to Users Upon Opening #712

@aphelionz

Description

@aphelionz

Steps to reproduce (assumes ChromeVox or similar)

  1. Open https://elastic.github.io/eui/#/guidelines/modals 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 "Show Confirm Modal" button
  5. Press enter

Actual Result

Only the "Yes, Do It" button is focused and read

Expected Result

The screen reader should read information about the dialog itself to and provide some instructions on how to leave the dialog if they want i.e. "Do this thing Dialog. Press esc to exit"

Suggested Fix
Try the example here: http://gdkraus.github.io/accessible-modal-dialog/ with ChromeVox

Category: #699: Elastic UI Modals Accessibility
Relevant WCAG Criteria: 3.2.2 Predictable on Input

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilitydocumentationIssues or PRs that only affect documentation - will not need changelog entries

    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