Description
Even though notification can be dismissed by the user when clicking x (close) button on the notification with mouse, users using only keyboard cannot do the same, because x (close) button is not accessible with keyboard. Interactive, accessible element should be accessible with any device.
Preconditions
Stateful Indices page is opened.
At least one index is created.
Steps to reproduce
1.Navigate to Default settings button while using only keyboard by pressing Tab key.
2.Press Enter.
3.Navigate while pressing Tab key to any switch button (f.e.: Content extraction).
4.Press Enter key.
5.Navigate to Save button while pressing Tab key.
6.Press Enter key.
7.Try to reach x (close) button on appeared notification with keyboard.
UI element notification (dismissible toast)
Actual Result
Information about successful update appears as notification and notification can be dismissed when clicked on x (close) button on notification with the mouse or notification is dismissed automatically after a short time; x (close) button cannot be accessed with the keyboard.
Expected Result
Because x (close) button on notification can be clicked with mouse and then notification is dismissed, it should also be accessible with keyboard for user using only keyboard to be able to dismiss notification.
Meta Issue
Kibana Version: 8.16.0-SNAPSHOT
OS: Windows 11 Pro
Browser: Chrome Version 129.0.6668.101 (Official Build) (64-bit)
Description Even though notification can be dismissed by the user when clicking x (close) button on the notification with mouse, users using only keyboard cannot do the same, because x (close) button is not accessible with keyboard. Interactive, accessible element should be accessible with any device.
Preconditions Stateful Indices page is opened. At least one index is created.
Steps to reproduce
1.Navigate to Default settings button while using only keyboard by pressing Tab key. 2.Press Enter. 3.Navigate while pressing Tab key to any switch button (f.e.: Content extraction). 4.Press Enter key. 5.Navigate to Save button while pressing Tab key. 6.Press Enter key. 7.Try to reach x (close) button on appeared notification with keyboard.
UI element notification (dismissible toast)
Actual Result
Expected Result
Meta Issue
Kibana Version: 8.16.0-SNAPSHOT
OS: Windows 11 Pro
Browser: Chrome Version 129.0.6668.101 (Official Build) (64-bit)
WCAG or Vendor Guidance (optional)
Related to: https://github.com/elastic/search-team/issues/8256