search

elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.51k stars 8.06k forks source link

[Dashboard][ZOOM]: The Dashboard views are difficult to use when zoomed to 400% #182848

Open 1Copenut opened 2 months ago

1Copenut commented 2 months ago

Description Our Dashboard views become difficult to use when the layout is zoomed in to 400%. Components respond and stack in a single column, but the UI controls take a significant portion of the vertical real estate, leaving a small viewport for content to scroll. I've attached two screenshots showing a layout at 1920 x 1200 and 1280 x 1200 zoomed to 400%.

Steps to reproduce

  1. Log into any instance of Kibana with sample data sets loaded
  2. Navigate to the Dashboard view
  3. Open dev tools in your preferred browser, and set your browser viewport to 1280 pixels wide by 1200 pixels tall
  4. Zoom the layout to 400%
  5. Verify the smaller viewport of scrolling content as you navigate down the page
  6. Resize your viewport to 1920px wide, same height
  7. Repeat step 5
Screenshot 2024-05-07 at 10 02 38 AM
Screenshot 2024-05-07 at 10 02 02 AM

Actual Result

Expected Result

Kibana Version: v8.14.0

OS: MacOS

Browser: Chrome

Relevant WCAG Criteria:

elasticmachine commented 2 months ago

Pinging @elastic/kibana-accessibility (Project:Accessibility)

elasticmachine commented 2 months ago

Pinging @elastic/kibana-presentation (Team:Presentation)

Heenawter commented 2 months ago

Bringing in @elastic/kibana-visualizations, since they own the unified search bar and might have opinions on how to reduce the vertical space it takes up at 400% zoom :+1:

As another solution, I wonder if we could somehow make the unified search bar + dashboard toolbar section collapsible, so it's only visible when the user absolutely needs it? Hmm... Would definitely need some feedback from @andreadelrio here :bow:

teresaalvarezsoler commented 2 months ago

I'm wondering why do the user would need a 400% zoom... I would consider this a very niche need. We can include it in our icebox unless I'm missing something.

1Copenut commented 2 months ago

@teresaalvarezsoler Great question! We've fielded reports a few times now from customers whose users are zooming their views on large monitors for better readability. It's a huge benefit for users who are nearsighted, or may have other visual acuity issues.

Layouts being supported to 400% zoom is also a WCAG requirement, SC 1.4.10: Reflow (Level AA)