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

(Accessibility) The keyboard focus is not always visible #154433

Closed
morhof opened this issue Apr 5, 2023 · 7 comments
Closed

(Accessibility) The keyboard focus is not always visible #154433

morhof opened this issue Apr 5, 2023 · 7 comments
Assignees
@bryce-b
Labels
accessibility: focus Accessibility focus management bug Fixes for quality problems that affect the customer experience Feature:Exploratory View needs-refinement A reason and acceptance criteria need to be defined for this issue obs-accessibilty A11Y issues in the Obs. solution. Project:Accessibility Team:APM All issues that need APM UI Team support Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team Team:Observability Team label for Observability Team (for things that are handled across all of observability) v8.16.0

Comments

@morhof
Copy link

morhof commented Apr 5, 2023 •
edited by bryce-b
Loading

WCAG success criterion 2.4.7 - focus visible - AA

Steps to reproduce

  1. Select Menu Item Observability [ User Experience > Explore Data ]

image

Actual Result

  • In the application, the keyboard focus is in some cases hardly visible, because it does not stand out sufficiently well from the background.
  • Consequently, motorically impaired users are unable to determine the currently focused element in the application. Affected are some drop-down lists, e.g., on the page “Observability”.

Expected Result

  • The focus should be clearly highlighted by using CSS properties, e.g. an outline or inverting font color and background.
  • The usage of the CSS properties outline-style:none should be avoided.

Meta Issue
n.a.

Kibana Version:
8.3
OS:
Microsoft Windows 10 Enterprise (64-bit)
Browser:
Google Chrome 109.0.5414.75 (64-Bit)

Screen reader:
n.a.

Relevant WCAG Criteria:
CAG success criterion 2.4.7 - focus visible - AA
https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html

Relevant ARIA spec:
n.a.
@botelastic botelastic bot added the needs-team Issues missing a team label label Apr 5, 2023
@jsanz jsanz added the Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) label Apr 11, 2023
@elasticmachine
Copy link
Contributor

Pinging @elastic/appex-sharedux (Team:SharedUX)

@botelastic botelastic bot removed the needs-team Issues missing a team label label Apr 11, 2023
@petrklapka petrklapka added the Team:Observability Team label for Observability Team (for things that are handled across all of observability) label Apr 17, 2023
@elasticmachine
Copy link
Contributor

Pinging @elastic/unified-observability (Team:Observability)

@petrklapka
Copy link
Member

CC: @elastic/kibana-design

@petrklapka petrklapka removed the Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) label Apr 17, 2023
@bhavyarm bhavyarm added the Team:APM All issues that need APM UI Team support label Oct 11, 2023
@elasticmachine
Copy link
Contributor

Pinging @elastic/apm-ui (Team:APM)

@bhavyarm bhavyarm added the bug Fixes for quality problems that affect the customer experience label Oct 11, 2023
@bhavyarm
Copy link
Contributor

cc @1Copenut

@smith smith added accessibility: focus Accessibility focus management Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team labels Jul 22, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

@smith smith added needs-refinement A reason and acceptance criteria need to be defined for this issue v8.16.0 labels Jul 25, 2024
@bryce-b bryce-b self-assigned this Aug 6, 2024
@bryce-b
Copy link
Contributor

bryce-b commented Aug 12, 2024 •
edited
Loading

Fixed in #190436

@smith smith closed this as completed Aug 26, 2024
@smith smith added the obs-accessibilty A11Y issues in the Obs. solution. label Oct 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bryce-b bryce-b

Labels
accessibility: focus Accessibility focus management bug Fixes for quality problems that affect the customer experience Feature:Exploratory View needs-refinement A reason and acceptance criteria need to be defined for this issue obs-accessibilty A11Y issues in the Obs. solution. Project:Accessibility Team:APM All issues that need APM UI Team support Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team Team:Observability Team label for Observability Team (for things that are handled across all of observability) v8.16.0
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
8 participants
@smith @jsanz @sorenlouv @bhavyarm @elasticmachine @bryce-b @petrklapka @morhof