AUDIT - Menu Bar Zoom

[trallard]

• 200%
• 400%
• Change the default value of text size from 16 to 30 in the web browser
• Test with different screen sizes

References

• Theme scope checklist
• Audit spreadsheet

[steff456]

These are the results of the Zoom Audit,

Icon behavior

Menubar behavior

Notes

• The height is defined in px, therefore it doesn't change with the zoom or with the default text size defined in the web browser
• The menu items start getting lost as zoom increases
• The dropdown menus are not visible or usable with 400% zoom
• Changing the default text size doesn't do any effect in Jlab UI, but changing the minimum text size in the browser does create changes where text overflows.
• Modifying to responsive layouts break the sidebar and its usability, in the same way it breaks in 400% zoom

Suggestions

• The definition of height is working as they are and they have sense to leave them in px.
• A hamburger menu may need to be added when the space is smaller to avoid loosing items. This needs to be discussed.
• The dropdown menus should open to the left/right depending where there's more space in the screen.