Steps to reproduce (assumes ChromeVox or similar)
- Open https://elastic.github.io/eui/#/guidelines/modals in a new tab.
- Tab through the navigation to the main content pane.
- Tab to the "Show Component Code" button and press
enter
- Tab to the "Show Confirm Modal" button
- 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
Steps to reproduce (assumes ChromeVox or similar)
enterenterActual Result
Expected Result
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