Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[ML][KEYBOARD] Anomaly Detection: Modal dialog for edit job allows focus to escape to the page incorrectly #194961

Open
1 task
1Copenut opened this issue Jul 12, 2024 · 1 comment
Open
1 task

[ML][KEYBOARD] Anomaly Detection: Modal dialog for edit job allows focus to escape to the page incorrectly #194961

1Copenut opened this issue Jul 12, 2024 · 1 comment
Labels
defect-level-2 Serious UX disruption with workaround :ml obs-accessibilty A11Y issues in the Obs. solution. Project:Accessibility Team:ML Team label for ML (also use :ml) WCAG A

Comments

@1Copenut
Copy link
Contributor

Point of contact

@petrklapka

Description

The Obs AIOps > Edit anomaly job modal allows focus to escape behind the top navigation bar and the modal dialog. This could cause issues for screen reader users who are not aware they're in an "Inert" area of the page. Screenshot attached below.

Steps to recreate

  1. Open the Obs AIOps Anomaly Detection Jobs view
  2. Click the [ ... ] Actions button
  3. Click Edit job
  4. From the modal, press Shift + Tab several times to verify you are able to reverse tab to the top navigation bar, then into the links in the left nav behind the gray "smoke" layer.

Environment

  • MacOS Ventura
  • Chrome latest

Screenshots or Trace Logs

Screenshot 2024-07-12 at 11 40 35 AM

Acceptance criteria

  • Focus goes back to the global navigation like it does in Stateful Observability

WCAG or Vendor Guidance (optional)
@1Copenut 1Copenut added WCAG A defect-level-2 Serious UX disruption with workaround labels Jul 12, 2024
@1Copenut 1Copenut transferred this issue from another repository Jul 25, 2024
@smith smith added the Team:obs-knowledge Observability Experience Knowledge team label Jul 25, 2024
@alexwizp alexwizp transferred this issue from another repository Oct 4, 2024
@alexwizp alexwizp transferred this issue from elastic/transfer-issues Oct 4, 2024
@smith smith added the obs-accessibilty A11Y issues in the Obs. solution. label Oct 18, 2024
@emma-raffenne emma-raffenne added :ml Team:ML Team label for ML (also use :ml) labels Oct 30, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/ml-ui (:ml)

@emma-raffenne emma-raffenne changed the title [Obs AIOps > Edit anomaly job][KEYBOARD]: Modal dialog allows focus to escape to the page incorrectly [ML > Edit anomaly job][KEYBOARD]: Modal dialog allows focus to escape to the page incorrectly Oct 30, 2024
@emma-raffenne emma-raffenne removed the Team:obs-knowledge Observability Experience Knowledge team label Oct 30, 2024
@peteharverson peteharverson changed the title [ML > Edit anomaly job][KEYBOARD]: Modal dialog allows focus to escape to the page incorrectly [ML][KEYBOARD]: Modal dialog for edit job allows focus to escape to the page incorrectly Nov 1, 2024
@peteharverson peteharverson changed the title [ML][KEYBOARD]: Modal dialog for edit job allows focus to escape to the page incorrectly [ML][KEYBOARD] Anomaly Detection: Modal dialog for edit job allows focus to escape to the page incorrectly Nov 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
defect-level-2 Serious UX disruption with workaround :ml obs-accessibilty A11Y issues in the Obs. solution. Project:Accessibility Team:ML Team label for ML (also use :ml) WCAG A
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@smith @1Copenut @elasticmachine @alexwizp @emma-raffenne