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

[1Copenut]

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

---

Actual Result

• Fixed UI controls consume a fair bit of the viewport

Expected Result

• UI controls are still available, but the viewport allows more of the content to be shown
• How much "more" content is subjective; a design review will be needed

Kibana Version:
v8.14.0

OS:
MacOS

Browser:
Chrome

Relevant WCAG Criteria:

• Understanding SC 1.4.10 - Reflow (Level AA)

[elasticmachine]

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

[elasticmachine]

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

[Heenawter]

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 👍

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 🙇

[teresaalvarezsoler]

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]

@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)