Skip to content

"Dangerous" Buttons should be Identified as such via the screen reader #713

@aphelionz

Description

@aphelionz

Steps to reproduce (assumes ChromeVox or similar)

  1. Open https://elastic.github.io/eui/#/layout/modal in a new tab.
  2. Tab to the "Show dangerous ConfirmModal" button
  3. Press enter

Actual Result

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

Expected Result

The screen reader should read the button text, but also indicate that this action could be dangerous, or permanent,or otherwise.

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

Category: #688: Elastic UI Buttons Accessibility,
Relevant WCAG Criteria: 3.3.2 Input Assistance: Labels or Instructions

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